@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600;700&display=swap");
:root{--ink:#17374b;--muted:#617789;--purple:#187c8c;--line:#dce7ec;--bg:#f2f7fa;--white:#fff;color-scheme:light;--surface:#fff;--soft:#f3f7f9;--hover:#eaf4f7;--field:#f9fcfd;--field-line:#cfdee6;--track:#edf2f5;--tabs:#e6eef3;--tint:#eef7f9;--tint-ink:#176b7d;--tint-line:#d8ecef;--note-ink:#486b7a;--positive-bg:#e7f5ee;--positive:#28785c;--partial-bg:#fff4db;--partial:#876311;--danger-bg:#fbecf0;--danger:#a34455;--danger-line:#e8c7ce;--summary-bg:#e5f1f6;--summary-line:#cfe1e9;--login-glow:#d9eef4;--action:#17374b;--action-ink:#fff;--action-hover:#245671;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 16px;transition:background .15s,transform .15s}button:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #39a4b9;outline-offset:3px}a{color:var(--purple)}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font:600 30px "Readex Pro",Tahoma,sans-serif}.brand small{display:block;font:400 10px "IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--muted);margin-top:4px}.brand-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50% 50% 14px 50%;background:var(--ink);color:#b7e6ef;font-size:30px}.header-nav{display:flex;gap:30px}.header-nav a{color:var(--muted);text-decoration:none;font-size:13px;padding:10px 0}.header-nav .nav-active{color:var(--ink);border-bottom:2px solid var(--purple);font-weight:600}.account-actions{display:flex;align-items:center;gap:16px}.account-actions a{font-size:11px;text-decoration:none}.icon-button{font-size:20px;width:40px;height:40px;padding:0;background:transparent}main{max-width:1280px;margin:auto;padding:44px 40px 50px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:11px;color:var(--purple);font-weight:600}h1,h2,h3{font-family:"Readex Pro",Tahoma,sans-serif}h1{font-size:34px;line-height:1.6;font-weight:500;margin:8px 0}p{color:var(--muted);line-height:1.9}.intro p{margin:5px 0;font-size:13px}h2{font-size:17px;font-weight:500;margin:8px 0}.primary{background:var(--action);color:var(--action-ink);border-color:var(--action);padding:13px 21px}.primary:hover{background:var(--action-hover)}.week-panel{background:#123d59;color:#fff;border-radius:24px;padding:26px 30px;position:relative;overflow:hidden}.week-panel .eyebrow{color:#9cd9e4}.week-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.week-heading h2{font:500 17px "IBM Plex Sans Arabic",Tahoma,sans-serif;margin-top:8px}.week-controls{display:flex;gap:6px}.week-controls button{padding:8px 12px;font-size:11px;background:#ffffff0c;border-color:#ffffff2a;color:#fff}.week-controls button:hover{background:#ffffff20}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.day{position:relative;border:1px solid #ffffff14;background:#ffffff08;color:#fff;min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 2px;border-radius:15px}.day:hover{background:#ffffff18}.day span{font-size:11px;color:#b4cbd9}.day strong{font-size:28px;font-weight:500;line-height:1}.day.today{border-color:#6bc6d6}.day.today:after{content:"اليوم";position:absolute;top:-10px;background:#123d59;color:#9cdee9;font-size:9px;padding:0 7px}.day.selected{background:#bcebf1;color:#123d59;border-color:#bcebf1}.day.selected span{color:#245671}.day.selected:after{background:#bcebf1;color:#123d59}.day-dots{height:6px;display:flex;gap:3px}.day-dots i{width:4px;height:4px;border-radius:50%;background:#86d7e5}.day.selected .day-dots i{background:#187c8c}.overview{display:grid;grid-template-columns:1.3fr 1fr 1fr;margin:0 18px 26px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;padding:22px 28px}.overview>div{padding:0 28px;border-left:1px solid var(--line)}.overview>div:first-child{padding-right:0}.overview>div:last-child{border:0}.overview span{display:block;color:var(--muted);font-size:11px}.overview strong{display:block;font-size:28px;font-weight:500;margin:8px 0;direction:ltr;text-align:right;line-height:1.3}.progress{height:5px;border-radius:8px;background:var(--track);overflow:hidden}.progress i{display:block;height:100%;background:var(--purple);border-radius:8px;transition:width .4s}.archive{font-size:11px;color:var(--muted);margin:0 0 12px}.archive summary{cursor:pointer;width:fit-content;padding:10px 0}.history-nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.history-nav label{display:flex;align-items:center;gap:10px;margin:0;flex:initial}.history-nav input{width:150px;margin:0;padding:8px}.history-nav button{font-size:10px;padding:9px}.day-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--muted);margin:12px 0 24px}.missed-label{color:var(--danger)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 14px}.section-heading p{font-size:11px}.text-button{color:var(--purple);background:transparent;border:0;font-size:12px;padding:9px 0}.goal-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.filter-group{display:flex;gap:4px;background:var(--tabs);padding:4px;border-radius:12px}.filter-group button{border:0;background:transparent;font-size:11px;padding:9px 14px;color:var(--muted)}.filter-group button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #123d590a}.goal-search{margin:0;flex:0 1 240px}.goal-search input{margin:0;background:transparent;padding:11px 14px;font-size:12px}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.goal-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:box-shadow .2s}.goal-card:hover{box-shadow:0 8px 26px #17374b08}.card-top{display:flex;align-items:flex-start;gap:12px}.card-top h3{font-size:16px;font-weight:500;margin:0 0 8px;overflow-wrap:anywhere}.card-top p{font-size:11px;margin:0}.goal-icon{background:color-mix(in srgb,var(--goal) 10%,var(--surface));color:var(--goal);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.goal-name{flex:1}.card-actions{display:flex;gap:2px}.card-actions button{border:0;padding:4px 6px;font-size:10px;color:var(--muted)}.amount-line{display:flex;justify-content:space-between;align-items:baseline;margin:24px 0 13px;gap:10px;flex-wrap:wrap}.amount-line strong{font-size:30px;font-weight:500;line-height:1.2}.amount-line small{font-size:11px;color:var(--muted);margin-right:7px}.badge{font-size:11px;color:var(--goal);background:color-mix(in srgb,var(--goal) 9%,var(--surface));padding:5px 10px;border-radius:20px;line-height:1.8}.goal-card .progress i{background:var(--goal)}.goal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:20px}.goal-day{padding:8px 1px;border:0;border-radius:8px;background:var(--soft);display:flex;align-items:center;flex-direction:column;gap:5px;color:var(--muted)}.goal-day span{font-size:9px}.goal-day b{font-size:12px}.goal-day.complete{background:var(--positive-bg);color:var(--positive)}.goal-day.partial{background:var(--partial-bg);color:var(--partial)}.goal-day.missed{background:var(--danger-bg);color:var(--danger)}.goal-day.today{box-shadow:inset 0 0 0 1px #83bbc8}.goal-day.upcoming{opacity:.65}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.card-bottom span{font-size:11px;color:var(--muted);line-height:1.9}.card-bottom button{flex-shrink:0;font-size:12px;padding:10px 14px;background:var(--tint);color:var(--tint-ink);border-color:var(--tint-line)}.empty{grid-column:1/-1;background:var(--surface);border:1px dashed #b7cfd9;border-radius:20px;padding:42px;text-align:center}.empty-icon{font-size:34px;color:var(--purple)}.history{margin-top:36px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:10px 24px 20px}.log-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.log-row:last-child{border:0}.log-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.log-info{flex:1;overflow-wrap:anywhere}.log-info small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.log-row>strong{font-size:12px;font-weight:500}.log-row button{border:0;padding:6px;color:var(--muted)}dialog{background:var(--surface);width:min(520px,calc(100% - 28px));border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 24px 100px #123d5930;color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#123d5980;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.close{border:0;padding:3px 9px;font-size:25px;color:var(--muted)}label{display:block;font-size:12px;margin:15px 0;flex:1}input,select{display:block;width:100%;margin-top:8px;border:1px solid var(--field-line);border-radius:10px;background:var(--field);padding:12px;min-width:0;color:var(--ink)}input[type=color]{padding:4px;height:44px}.form-row{display:flex;gap:14px}.form-note{font-size:12px;background:var(--tint);padding:12px;border-radius:10px;color:var(--note-ink)}.dialog-actions{display:flex;gap:9px;margin-top:22px}fieldset{border:0;padding:5px 0;margin:0}legend{font-size:12px}.day-options{display:flex;gap:6px;flex-wrap:wrap}.day-options label{flex:initial;margin:5px 0;display:flex;align-items:center;gap:5px;border:1px solid var(--line);padding:9px;border-radius:8px}.day-options input{width:14px;margin:0;accent-color:var(--purple)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:12px;box-shadow:0 8px 25px #123d5925;z-index:10;max-width:90%;font-size:13px;line-height:1.7}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;right:20px;z-index:20;padding:12px;background:var(--surface)}.skip-link:focus{top:12px}
@media(max-width:700px){header{padding:18px 20px;gap:12px}.brand{font-size:25px}.brand-icon{width:38px;height:38px;font-size:25px}.header-nav{gap:16px}.header-nav a{font-size:11px}.account-actions a{display:none}.brand small{font-size:9px}main{padding:28px 18px}.intro{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:24px}h1{font-size:27px}.intro p{font-size:12px}.intro .primary{font-size:12px;padding:11px 17px}.week-panel{padding:20px 14px;border-radius:20px}.week-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.week-heading h2{font-size:14px}.week-controls{margin-right:auto}.week-days{gap:4px}.day{min-height:89px;border-radius:10px;gap:9px}.day span{font-size:9px}.day strong{font-size:23px}.overview{margin:0 7px 20px;padding:20px 14px;grid-template-columns:1.2fr 1fr 1fr}.overview>div{padding:0 12px}.overview span{font-size:10px;line-height:1.7}.overview strong{font-size:23px}.goal-tools{align-items:stretch;flex-direction:column;gap:12px}.goal-search{flex:auto}.filter-group{width:fit-content}.goal-grid{grid-template-columns:1fr;gap:14px}.goal-card{padding:20px}.day-legend{gap:11px;font-size:9px}.card-top h3{font-size:15px}.goal-day span{font-size:8px}.card-bottom span{font-size:10px}.history{padding:10px 18px 18px}.log-row{gap:9px;font-size:12px}.log-row>strong{font-size:11px}.history-nav label{width:100%;justify-content:space-between}.history-nav button{flex:1 1 40%}dialog{padding:22px}.form-row{gap:10px}}
@media(max-width:380px){.header-nav{gap:10px}.brand small{display:none}.account-actions{gap:0}.filter-group button{padding:9px 11px}.card-bottom{align-items:flex-start;flex-direction:column}.card-bottom button{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.goal-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;line-height:1.7}.goal-link:hover{color:var(--purple);border-color:var(--purple)}.card-actions .delete-button,.delete-button,.danger{color:var(--danger)}.card-actions{flex-wrap:wrap;max-width:80px}.card-actions .delete-button{background:var(--danger-bg);border-radius:5px}.back-link{display:inline-block;color:var(--purple);text-decoration:none;margin-bottom:25px;font-size:12px}.detail-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;border-right:4px solid var(--goal);padding-right:20px;margin-bottom:30px}.detail-heading h1{overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;flex-shrink:0}.danger{border-color:var(--danger-line);background:var(--danger-bg)}.detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--summary-bg);border:1px solid var(--summary-line);border-radius:17px;margin-bottom:25px;padding:24px 10px}.detail-stats>div{padding:0 16px;border-left:1px solid var(--line)}.detail-stats>div:last-child{border:0}.detail-stats span,.detail-stats small{display:block;color:var(--muted);font-size:11px;line-height:1.9}.detail-stats strong{display:block;font-size:27px;margin:12px 0;font-weight:500}.detail-info{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:20px}.detail-info dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0}.detail-info dt{font-size:11px;color:var(--muted);margin-bottom:10px}.detail-info dd{font-size:12px;margin:0;line-height:1.8}.detail-info .section-heading{margin-top:0}.detail-info small,.history .section-heading>span{font-size:10px;color:var(--muted)}.weekly-history{max-height:370px;overflow:auto}.week-history-row{display:grid;grid-template-columns:130px 1fr 48px 90px;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:11px}.week-history-row:hover{background:var(--bg)}.week-history-row strong{font-weight:500;color:var(--purple)}@media(max-width:650px){.detail-heading{flex-direction:column;align-items:flex-start}.detail-heading h1{font-size:24px}.detail-actions{width:100%;gap:7px}.detail-actions button{font-size:11px;padding:11px}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0}.detail-stats>div:nth-child(2){border:0}.detail-info{padding:18px}.detail-info dl{grid-template-columns:1fr}.week-history-row{grid-template-columns:100px 1fr 38px;gap:8px}.week-history-row small{grid-column:1/-1}.detail-info .section-heading{flex-wrap:wrap}}

.account-actions{display:flex;align-items:center;gap:18px}.account-actions a{color:var(--purple)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:440px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #282a460d;display:grid;gap:18px}.login-card h1,.login-card p{margin:0}.login-error{color:var(--danger)}
.brand>span:last-child{font-family:"Readex Pro",Tahoma,sans-serif}.goal-name .period-caption{margin-top:6px;font-size:9px;color:var(--purple)}#periodStartLabel small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:7px}.amount-line{gap:10px;flex-wrap:wrap}.badge{white-space:normal;line-height:1.8}#goalForm select{font-size:12px}

.overview strong{unicode-bidi:bidi-override}.login-page{max-width:none;background:radial-gradient(ellipse at top right,var(--login-glow),transparent 65%),var(--bg)}.login-card{border-radius:24px;border-top:4px solid var(--purple)}.login-card .eyebrow{font-family:"Readex Pro",Tahoma,sans-serif;font-size:28px}.login-card h1{font-size:25px}.detail-stats{border-radius:20px}.detail-info{border-radius:20px}.detail-actions .primary{background:var(--action)}
@media(max-width:700px){header{flex-wrap:wrap}.account-actions a{display:inline;font-size:10px}.account-actions{gap:10px}.header-nav{order:3;width:100%;justify-content:center}.header-nav a{padding:5px 0}main{padding-top:22px}.intro{margin-bottom:20px}.intro h1{font-size:25px}.intro .eyebrow{font-size:10px}.week-heading{margin-bottom:18px}.week-panel{padding:18px 14px}.day{min-height:76px}.overview{padding:16px 12px;margin-bottom:12px}.day-legend{margin-bottom:14px}.section-heading{margin-top:14px}.intro p{margin:0}.goal-tools{margin-bottom:14px}.detail-heading h1{font-size:23px}}

:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#e1edf4;--muted:#9db1c0;--purple:#79cbd9;--line:#2e4353;--bg:#101d29;--white:#192c3b;
  --surface:#192c3b;--soft:#213747;--hover:#274252;--field:#142634;--field-line:#3a5365;--track:#2b4150;
  --tabs:#152734;--tint:#203c49;--tint-ink:#91d9e3;--tint-line:#365663;--note-ink:#bbd4df;
  --positive-bg:#183f36;--positive:#8cdbb9;--partial-bg:#423821;--partial:#f2d083;
  --danger-bg:#422936;--danger:#f1a8b5;--danger-line:#745061;
  --summary-bg:#1c3444;--summary-line:#365364;--login-glow:#1a3c50;
  --action:#91d9e3;--action-ink:#102d3b;--action-hover:#b4e6ed;
}
:root[data-theme="dark"] .brand-icon{background:#28566a;color:#b7e6ef}
:root[data-theme="dark"] .goal-icon,:root[data-theme="dark"] .badge{color:color-mix(in srgb,var(--goal) 55%,#fff);background:color-mix(in srgb,var(--goal) 18%,var(--surface))}
:root[data-theme="dark"] #toast{background:#d4e9f2;color:#102d3b}
.settings-hint{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.8}