:root{--teal: #0E5E4E;--teal-soft: #E3F1ED;--teal-mid: #2E8B76;--sand: #C9A15C;--sand-soft: #F6EEDF;--sand-ink: #7A5C1E;--red: #B3402F;--red-soft: #F9E9E6;--amber: #B37E17;--amber-soft: #FAF0DA;--navy: #26215C;--ink: #22302C;--mut: #6B7A75;--line: #DCE5E2;--bg: #F4F6F5}*{box-sizing:border-box}body{margin:0;font-family:Noto Kufi Arabic,Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font-family:inherit;font-size:13px}button{cursor:pointer}.container{max-width:1000px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px #22302c0f}.card-head{background:var(--sand);color:var(--navy);font-weight:700;font-size:13px;padding:10px 16px}.card-head-clamp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-detail{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 760px){.dashboard-detail{grid-template-columns:260px 220px 1fr;align-items:start}}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:8px 16px;font-weight:700}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-ghost{background:transparent;color:var(--mut)}.btn-sand{background:var(--sand-soft);border-color:var(--sand);color:var(--sand-ink)}.badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.b-done{color:var(--teal);background:var(--teal-soft)}.b-late{color:var(--red);background:var(--red-soft)}.b-now{color:var(--amber);background:var(--amber-soft)}.b-future{color:var(--mut);background:#eef1f0}.b-cancelled{color:var(--mut);background:#eef1f0;text-decoration:line-through}.input{border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.mut{color:var(--mut);font-size:12px}.kpi{flex:1;min-width:130px}.kpi .v{font-size:72px;font-weight:700;line-height:1;margin-top:6px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--mut);font-weight:700}.tab.on{background:var(--teal);border-color:var(--teal);color:#fff}.monthdot{width:38px;height:38px;border-radius:50%;font-weight:700;font-size:13px;border:2px solid var(--line);background:#eef1f0;color:var(--mut)}.taskrow{display:flex;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--line)}.chip{font-size:12px;padding:5px 12px;border-radius:20px;border:1.5px solid var(--line);background:#fff;color:var(--mut)}.chip.on{border-color:var(--teal-mid);background:var(--teal-soft);color:var(--teal);font-weight:700}.alert-err{background:var(--red-soft);color:var(--red);border:1px solid #B3402F33;border-radius:12px;padding:12px 16px;font-size:13px}.alert-warn{background:var(--amber-soft);color:#7a5511;border:1px solid #B37E1744;border-radius:12px;padding:10px 16px;font-size:12px}.progress{flex:1;min-width:140px;height:8px;background:#eef1f0;border-radius:6px;overflow:hidden}.progress>div{height:100%;border-radius:6px;transition:width .3s}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th,table.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right}table.tbl th{color:var(--mut);font-size:12px}