@font-face{font-family:Cairo;src:url('/assets/fonts/Cairo.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
.nav-close{display:none}@media(max-width:800px){.nav-close{display:block;position:absolute;top:7px;inset-inline-end:7px;border:0;font-size:20px;min-height:26px;padding:0 7px;line-height:26px}}
.template-card{border:1px solid #e5e8ef;border-radius:12px;padding:19px}.template-card .template-text p:last-child{margin-bottom:0}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 25px}.dashboard-welcome h2{margin:13px 0 7px;font-size:22px;letter-spacing:-.5px}.dashboard-welcome p{margin:0;font-size:12px}.setup-step{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid #e5e8ef}.setup-step:last-child{border:0}.setup-number{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef2ff;color:#4b5e91;flex-shrink:0;font-size:11px}.setup-step strong{font-size:12px}.setup-step p{font-size:11px;margin:6px 0}.setup-step a{font-size:11px}.activity-chart{width:100%;height:205px;margin:16px 0 5px}.grid-lines{stroke:#e5e8ef;stroke-width:1;fill:none}.chart-in{fill:#2453eb}.chart-out{fill:#a8bbfa}.activity-chart text{font-family:inherit;font-size:9px;fill:#8c95a8}.chart-legend{display:flex;gap:8px;align-items:center;font-size:10px;color:#697386}.in-dot,.out-dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:#2453eb}.out-dot{background:#a8bbfa;margin-inline-start:12px}@media(max-width:800px){.dashboard-welcome{align-items:flex-start;flex-direction:column;gap:13px}.dashboard-welcome h2{font-size:20px}.activity-chart{height:180px}}
:root{--green:#2453eb;--ink:#202328;--line:#e5e8ef;--muted:#697386;--surface:#f7f8fb}body{font-family:Cairo,'Segoe UI',Arial,sans-serif;background:var(--surface);color:var(--ink);font-size:13px}.sidebar{width:248px;padding:30px 16px 22px;background:#fff}.brand{font-size:17px;letter-spacing:-.3px}.logo{background:linear-gradient(145deg,#2453eb,#1d43c6);border-radius:12px;box-shadow:0 4px 12px #2453eb18}.nav-label{font-size:9px;margin-top:35px}nav{gap:4px}nav a{padding:11px 13px;gap:12px;font-size:12px;border:1px solid transparent}nav a.active{background:#eef2ff;border-color:#dce4fa;color:#2453eb}.nav-icon{width:19px;height:19px;flex-shrink:0}.workspace{margin-inline-start:248px}.topbar{height:72px;background:#ffffffec}.workspace-name:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#2453eb;margin-inline-end:10px}.content{padding:36px 40px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:29px;font-weight:750;letter-spacing:-.8px}.eyebrow{font-size:9px;color:#697386}.page-heading p{font-size:12px}.card{border-color:var(--line);box-shadow:0 2px 8px #20232803;border-radius:14px;padding:25px}.card h2{font-size:16px;font-weight:750}.stats{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px}.stat{border-color:var(--line);border-radius:13px;position:relative;padding:23px}.stat:before{content:'';width:24px;height:3px;background:#a8bbfa;position:absolute;top:0;inset-inline-start:24px;border-radius:0 0 4px 4px}.stat strong{font-size:31px;letter-spacing:-1px}.stat span{font-size:11px}button,.button{font-size:12px;min-height:39px;font-weight:650;transition:background .12s;border-color:#e5e8ef}.primary{box-shadow:0 3px 7px #2453eb14}input,select,textarea{border-color:#e5e8ef;border-radius:8px;min-height:41px;font-size:12px}input[type=checkbox]{min-height:auto;accent-color:var(--green)}label{font-size:11px}textarea{line-height:1.8}table{font-size:11px}th{font-size:10px;padding:12px 14px;color:#697386}td{padding:15px 14px}tbody tr:hover{background:#fcfcfe}.badge{font-size:10px;font-weight:600;background:#eef2ff;color:#697386}.badge.success{color:#2453eb;background:#eef2ff}.badge.warning{color:#9c6a13;background:#fff5d9}.notice{font-size:11px;line-height:1.9;background:#eef2ff;color:#4b5e91;border-color:#dce4fa}.two-columns{gap:22px}.empty{padding:50px 20px}.empty h2{color:#333b4a}.table-scroll{border-radius:8px}.number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:20px}.number-card h2{font-size:22px;direction:ltr;text-align:start}.number-symbol{display:grid;place-items:center;width:40px;height:40px;background:#eef2ff;color:#2453eb;border-radius:12px}.number-symbol svg{width:22px;height:22px}.inline-actions{gap:7px}.inline-actions button{font-size:10px}.number-card p{margin:12px 0;font-size:12px}.narrow{max-width:650px}fieldset{border:0;margin:0;padding:0;min-inline-size:0}fieldset legend{font-size:18px;font-weight:750;padding:10px 0 22px}fieldset>p{max-width:700px;font-size:12px;line-height:1.9}fieldset .form-grid{margin-bottom:20px}.wizard-progress{display:flex;list-style:none;padding:0;gap:8px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid var(--line);padding-bottom:20px}.wizard-progress li{font-size:10px;color:#8c95a8;padding:8px 12px;background:#f7f8fb;border-radius:7px}.wizard-progress li.current{color:#2453eb;background:#eef2ff;font-weight:750;box-shadow:inset 0 0 0 1px #dce4fa}.wizard-controls{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.form [hidden],[hidden]{display:none!important}dl{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;max-width:700px;gap:10px;font-size:12px;border:1px solid var(--line);padding:18px;border-radius:8px}dt{color:#8c95a8}dd{margin:0;overflow-wrap:anywhere}.filter-bar{display:flex;gap:13px;align-items:end;flex-wrap:wrap}.filter-bar label{flex:1;min-width:130px}.filter-bar button{margin-bottom:0}.compact{gap:8px;margin:14px 0}.tabs a{padding:5px 7px;border-radius:6px}.tabs a.selected{background:#eef2ff;font-weight:700}.inbox{grid-template-columns:310px minmax(0,1fr)}.chat-preview{padding:16px 0}.chat-preview:hover{background:#f7f8fb}.chat-preview .badge{font-size:9px}.messages{background-color:#f7f8fb;min-height:230px}.message{border-radius:13px 13px 13px 3px;box-shadow:0 1px 2px #20232806}.message.out{border-radius:13px 13px 3px 13px;border-color:#dce4fa}.inbox-empty{padding:85px 25px}.inbox-empty>.nav-icon{width:54px;height:54px;color:#a8bbfa;margin-bottom:25px}.chat-detail>label{margin-top:14px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}details{padding:14px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px}summary{cursor:pointer;font-size:12px;font-weight:650;color:#4b5e91}details .form,details>p{margin-top:14px}.reminder{padding:15px;border-inline-start:3px solid #a8bbfa;border-bottom:1px solid var(--line);margin-bottom:10px}.reminder.overdue{border-inline-start-color:#caa754;background:#fffcf4}.reminder p{font-size:12px;margin:5px 0}.reminder .form{margin-top:10px}.recipient-options{max-height:250px;overflow:auto;padding:8px;background:#f7f8fb;border:1px solid var(--line);border-radius:9px;margin:12px 0}.recipient-options .checkbox{padding:8px}.template-text{background:#f7f8fb;border:1px solid #dce4fa;padding:22px;white-space:pre-wrap;font:inherit;border-radius:10px;min-height:110px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}.preview-message{background:#eef2ff;padding:20px;border:1px solid #dce4fa;border-radius:12px}.preview-message strong,.preview-message small{display:block}.preview-message p{margin:16px 0 0;color:#333b4a;overflow-wrap:anywhere;font-size:12px}.budget-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:15px}.budget-row small{display:block}.budget-row strong{font-size:17px}.budget-row+.form{margin-top:20px}.page-footer{font-size:9px}.login{box-shadow:0 12px 45px #20232809}.login h1{font-weight:750}.login .primary{width:100%}.form>label{max-width:100%}html[dir=rtl] .message{border-radius:13px 13px 3px 13px}html[dir=rtl] .message.out{border-radius:13px 13px 13px 3px}@media(min-width:1500px){.content{padding:42px 48px}}@media(max-width:1150px){.content{padding:25px}.two-columns{grid-template-columns:1fr}.inbox{grid-template-columns:275px minmax(0,1fr)}}@media(max-width:800px){.workspace{margin:0}.sidebar{width:248px}.content{padding:23px 14px}.card{padding:18px}.inbox{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.page-heading h1{font-size:26px}.wizard-progress{gap:5px}.wizard-progress li{font-size:9px;padding:7px}.number-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch}.filter-bar button{width:100%}.budget-row{flex-wrap:wrap}.budget-row .badge{margin:0}.preview-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}dl{grid-template-columns:1fr}dd{margin-bottom:8px}}