.login-workspace,.staff-workspace{--ws-green:#146348;--ws-ink:#233e33;--ws-muted:#637368;--ws-border:#e1e8df;color:var(--ws-ink);font-family:Tajawal,sans-serif}.login-workspace *,.staff-workspace *{box-sizing:border-box}.login-workspace :is(a,button,input):focus-visible,.staff-workspace :is(a,button,input,summary):focus-visible{outline:3px solid #ae763e;outline-offset:4px}.login-workspace a,.staff-workspace a{text-decoration:none}.workspace-eyebrow{font-size:13px;font-weight:700;color:#90663d;margin:0 0 12px}.workspace-primary{display:inline-flex;gap:20px;justify-content:center;align-items:center;min-height:48px;background:#146348;color:white!important;border:0;border-radius:12px;padding:12px 22px;font-weight:700;font-size:15px;transition:background .2s,transform .2s}.workspace-primary:hover{background:#0e5039;transform:translateY(-1px)}.workspace-primary:disabled{opacity:.6;cursor:wait;transform:none}.login-workspace{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand{background:#edf2e9;min-height:100vh;padding:36px 9%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-logo{display:inline-flex;align-items:center;gap:14px;align-self:start;color:#174f37}.login-logo img{mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.login-logo span{font-size:30px;font-weight:800}.login-brand-content{margin-block:auto;padding-block:40px;position:relative;z-index:1}.login-brand h2{font-size:clamp(32px,3.2vw,48px);line-height:1.35;max-width:480px;font-weight:800;text-wrap:balance;margin:16px 0}.login-brand-content>p{font-size:17px;line-height:1.9;max-width:450px;color:#566c5b}.login-mascot{height:270px;width:270px;-o-object-fit:contain;object-fit:contain;margin:24px auto 12px}.login-principle{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700}.login-principle>span{background:#dce9d9;color:#146348;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.login-brand>small{font-size:12px;color:#59715f}.login-form-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:100px 12% 64px}.login-back{position:absolute;top:40px;left:10%;display:flex;align-items:center;gap:16px;font-size:13px;color:#536b5d;min-height:44px}.login-form-wrap{width:100%;max-width:400px;margin:auto}.login-form h1{font-size:32px;font-weight:800;margin-bottom:12px}.login-form>p{font-size:14px;line-height:1.9;color:#637368;margin-bottom:32px}.login-form label{font-size:14px;margin-bottom:10px}.login-form .field{height:52px;background:#fcfdfb;border:1px solid #d6e0d2;border-radius:11px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-form .field:focus{border-color:#146348;box-shadow:0 0 0 3px #1463480d}.password-field{position:relative;margin-bottom:24px}.password-field input{padding-right:16px;padding-left:76px}.password-toggle{position:absolute;left:12px;top:5px;min-height:42px;font-size:12px;color:#48644f;padding:8px}.login-submit{width:100%;min-height:52px}.login-help{line-height:1.9;max-width:340px;margin:24px auto 0}.login-help,.login-privacy{font-size:12px;color:#657366;text-align:center}.login-privacy{margin-top:48px}.staff-workspace{display:flex;min-height:100vh;background:#f5f7f3}.staff-sidebar{width:250px;flex-shrink:0;background:#fff;border-left:1px solid var(--ws-border);position:sticky;top:0;height:100dvh;padding:28px 20px;display:flex;flex-direction:column}.staff-brand{display:flex;align-items:center;gap:12px;color:#184c36;margin-bottom:40px}.staff-brand img{-o-object-fit:contain;object-fit:contain}.staff-brand strong{display:block;font-size:28px;font-weight:800}.staff-brand span{display:block;font-size:11px;color:#6b796f;margin-top:2px}.sidebar-label{font-size:11px;font-weight:700;color:#7a857b;margin:0 12px 16px}.staff-navigation{display:flex;flex-direction:column;gap:6px}.staff-navigation a{display:flex;gap:12px;align-items:center;color:#596c5e;border-radius:11px;padding:12px 14px;min-height:48px;font-size:14px;font-weight:500}.staff-navigation a:hover{background:#f4f7f0}.staff-navigation a[aria-current=page]{background:#eaf3e9;color:#146348;font-weight:800;box-shadow:inset -3px 0 #146348}.staff-menu-toggle svg,.staff-navigation svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-note{background:#f8faf5;border:1px solid #e8ede2;border-radius:14px;margin-top:auto;padding:16px;text-align:center}.sidebar-note img{-o-object-fit:contain;object-fit:contain;margin:0 auto 8px}.sidebar-note p{font-size:12px;line-height:1.8;font-weight:500;color:#60725f;max-width:180px;margin:0 auto}.sidebar-home{display:flex;justify-content:space-between;padding:16px 12px 0;font-size:12px;color:#67796b}.staff-body{flex:1;min-width:0}.staff-topbar{height:84px;border-bottom:1px solid var(--ws-border);background:#ffffffdc;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 40px;font-size:14px}.staff-topbar>div{display:flex;align-items:center;gap:10px}.topbar-dot{width:7px;height:7px;border-radius:50%;background:#ae763e}.staff-account{font-size:12px;color:#607163}.account-avatar{display:grid;place-items:center;width:34px;height:34px;background:#edf3e9;color:#146348;border-radius:50%;font-weight:700}.staff-account button{margin-right:12px;border-right:1px solid #dfe6da;padding:8px 16px;font-size:12px;color:#5c6c60}.staff-content{padding:36px 40px 48px;max-width:1560px;margin:auto}.dashboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.dashboard-heading h1{font-size:32px;font-weight:800;margin:0 0 10px}.dashboard-heading>div>p:last-child{font-size:14px;line-height:1.8;color:#66766b;margin:0}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.dashboard-metric{padding:24px;background:#fff;border:1px solid var(--ws-border);border-radius:16px;color:#233e33;transition:box-shadow .2s,border-color .2s}.dashboard-metric:hover{border-color:#a7c4ac;box-shadow:0 10px 30px -24px #14634855}.metric-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;font-weight:500}.metric-symbol{font-size:11px;background:#f1f5ef;color:#617a67;padding:6px 8px;border-radius:8px}.dashboard-metric>strong{display:block;font-size:44px;line-height:1.2;font-weight:800;margin:20px 0 18px;font-variant-numeric:tabular-nums}.dashboard-metric.green>strong{color:#146348}.dashboard-metric.copper>strong{color:#95673c}.metric-bottom{display:flex;align-items:center;justify-content:space-between;color:#6b786e;gap:12px}.metric-bottom small{font-size:12px;line-height:1.7}.dashboard-middle{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-bottom:32px}.decision-panel,.impact-panel{background:#fff;border:1px solid var(--ws-border);border-radius:16px;padding:24px;min-width:0}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-heading h2,.queue-section-heading h2{font-size:18px;font-weight:800;margin:0}.panel-heading p{font-size:12px;color:#66776a;line-height:1.8;margin-top:8px}.decision-total{background:#f7efe3;color:#89613c;font-size:13px;border-radius:20px;padding:5px 10px}.decision-list a{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf0e9;font-size:13px;color:#415c4a}.decision-number{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#f4f6ef;font-size:13px;font-weight:700}.decision-action{margin-right:auto;color:#146348;font-size:12px;display:flex;gap:12px;white-space:nowrap}.decision-empty{font-size:14px;color:#657769;line-height:1.9}.impact-panel{background:#174f3b;color:#fff;border-color:#174f3b}.impact-mark{color:#d6c39e}.impact-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:28px}.impact-metrics>div+div{border-right:1px solid #ffffff26;padding-right:24px}.impact-metrics strong{display:block;font-size:38px;line-height:1.2;font-weight:800}.impact-metrics span{font-size:12px;color:#dce8de;display:block;margin-top:12px}.impact-panel>p{font-size:12px;line-height:1.8;color:#d5e1d7;border-top:1px solid #ffffff26;padding-top:16px;margin-top:20px}.queue-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.queue-section-heading a{display:flex;align-items:center;gap:16px;font-size:13px;color:#146348}.staff-workspace .card{border-color:#e0e7dc;border-radius:16px;box-shadow:0 4px 20px -18px #213b3226}.staff-workspace table{font-size:13px}.staff-workspace th{background:#f8faf6;font-size:11px;color:#68766a}.staff-workspace td{padding-block:18px}.staff-workspace tbody tr:hover{background:#f6faf3}.staff-workspace .chip{font-size:11px;padding:4px 10px}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.dashboard-shortcuts a{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--ws-border);background:#fff;border-radius:12px;padding:18px;font-size:13px;color:#4c6754;min-height:56px}.dashboard-shortcuts a:hover{border-color:#9bb5a1}.staff-menu-toggle{display:none}.staff-workspace .field{border-width:1px;background:white;border-color:#d5dfcf}.staff-workspace .btn{border-radius:10px}@media(max-width:1100px){.staff-sidebar{width:220px;padding:24px 14px}.staff-topbar{padding-inline:24px}.staff-content{padding:28px 24px}.dashboard-middle{grid-template-columns:1fr}.dashboard-metrics{gap:12px}.dashboard-metric{padding:20px}.dashboard-shortcuts{grid-template-columns:1fr 1fr}.sidebar-note{padding:12px}}@media(max-width:760px){.login-workspace{grid-template-columns:1fr}.login-brand{min-height:0;padding:20px 24px;background:#edf2e9}.login-brand-content,.login-brand>small{display:none}.login-logo img{width:48px;height:48px}.login-logo span{font-size:25px}.login-form-panel{padding:84px 24px 32px;min-height:calc(100dvh - 88px)}.login-back{top:16px;left:24px}.login-form-wrap{margin:12px auto auto}.login-form h1{font-size:28px}.login-privacy{margin-top:32px}.staff-workspace{display:block}.staff-sidebar{width:100%;position:sticky;top:0;height:auto;padding:10px 20px;z-index:40;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--ws-border);border-left:0}.staff-brand{margin:0;gap:10px}.staff-brand img{width:40px;height:40px}.staff-brand strong{font-size:24px}.staff-brand span{font-size:10px}.sidebar-home,.sidebar-label,.sidebar-note{display:none}.staff-menu-toggle{display:flex;align-items:center;gap:12px;font-size:12px;min-height:44px;padding:10px;border:1px solid var(--ws-border);border-radius:10px;grid-column:2;grid-row:1}.staff-navigation{display:none;grid-column:1/-1;padding-top:16px;max-height:65vh;overflow:auto}.staff-navigation.open{display:flex}.staff-topbar{height:auto;min-height:68px;padding:14px 20px;gap:12px;font-size:12px;flex-wrap:wrap}.staff-account{font-size:11px}.account-avatar{width:28px;height:28px}.staff-account>span:nth-child(2){display:none}.staff-account button{padding-inline:10px;margin-right:4px}.staff-content{padding:28px 20px}.dashboard-heading{align-items:start;flex-direction:column;margin-bottom:24px}.dashboard-heading h1{font-size:28px}.dashboard-heading>div>p:last-child{font-size:13px}.dashboard-heading .workspace-primary{width:100%;min-height:48px}.dashboard-metrics{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.dashboard-metric{padding:20px}.dashboard-metric>strong{font-size:38px;margin-block:14px}.metric-top{font-size:14px}.dashboard-middle{gap:16px;margin-bottom:28px}.decision-panel,.impact-panel{padding:20px}.decision-list a{font-size:12px;gap:10px}.decision-action{font-size:11px;gap:6px}.panel-heading h2,.queue-section-heading h2{font-size:17px}.queue-section-heading a{font-size:12px}.dashboard-shortcuts{gap:12px}.dashboard-shortcuts a{font-size:12px;padding:16px}.staff-workspace .dashboard-queue>section>div:first-child{padding:18px}.staff-workspace .dashboard-queue>section>div:first-child>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.login-workspace *,.staff-workspace *{transition:none!important;scroll-behavior:auto!important}.workspace-primary:hover{transform:none}}.workspace-eyebrow{color:#825a33}.sidebar-label{color:#616f63}.metric-symbol{color:#4e6855}.dashboard-report-list{display:none}@media(max-width:760px){.dashboard-queue-table{display:none}.dashboard-report-list{display:grid;gap:12px}.dashboard-report-list>article{padding:20px;background:#fff;border:1px solid #e0e7dc;border-radius:14px}.report-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.report-card-top>a{font-size:12px;font-weight:800;color:#244f38}.report-card-top>span{font-size:10px;padding:5px 8px;border-radius:20px;background:#f4f6ef;color:#5d6a59}.report-card-top>.report-urgent{background:#fbeef0;color:#a71e2c}.dashboard-report-list>article>p{font-size:13px;line-height:1.9;color:#5c6c60;margin-block:16px}.report-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0e9;padding-top:12px}.report-card-bottom>a{font-size:12px;color:#146348;font-weight:700;display:flex;gap:16px;min-height:40px;align-items:center}}