@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.admin-shell{background:var(--n-50);grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{border-inline-end:1px solid var(--n-200);background:#fff;flex-direction:column;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.admin-brand{color:var(--brand-600);gap:8px;margin-bottom:8px;font-size:24px;font-weight:800;display:grid}.admin-brand small{color:var(--n-500);font-size:12px;font-weight:500}.admin-sidebar nav{gap:12px;display:grid}.admin-sidebar nav a{min-height:44px;color:var(--n-700);border-radius:8px;align-items:center;padding:0 12px;font-size:14px;display:flex}.admin-sidebar nav a.active{background:var(--brand-600);color:#fff}.admin-logout{text-align:start;min-height:44px;color:var(--n-700);background:0 0;border:0;margin-top:auto;font-weight:600}.admin-workspace{min-width:0}.admin-toolbar{border-bottom:1px solid var(--n-200);background:#fff;justify-content:flex-end;align-items:center;gap:14px;height:64px;padding:0 32px;font-size:13px;display:flex}.admin-main{max-width:1200px;margin:0;padding:32px}.admin-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.admin-page-header h1{margin-bottom:14px;font-size:32px}.admin-page-header p{color:var(--n-700);font-size:14px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.admin-metrics--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:836px}.admin-metric{border:1px solid var(--n-200);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;min-height:135px;padding:24px;display:flex}.admin-metric>span{color:var(--n-700);font-size:14px}.admin-metric strong{font-size:32px}.admin-metric small{color:var(--brand-600);font-size:12px}.admin-card{border:1px solid var(--n-200);background:#fff;border-radius:12px;max-width:1072px;margin-bottom:14px;padding:20px}.admin-card h2{margin-bottom:12px;font-size:18px}.admin-row{border-bottom:1px solid var(--n-200);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:7px 16px;display:flex}.admin-row>div{gap:3px;display:grid}.admin-row strong{font-size:14px}.admin-row small{font-size:12px}.admin-search{width:320px;margin-bottom:20px}.plan-card{gap:8px;min-height:160px;display:grid}.plan-card h2,.plan-card p{margin:0}.plan-card>strong{font-size:20px}.plan-card a{color:var(--brand-600);font-size:16px}.admin-user-modal{text-align:start;gap:14px;max-height:calc(100vh - 32px);display:grid;overflow:auto}.admin-user-modal h2{margin:0}.admin-bottom-nav{display:none}@media (width<=900px){.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-sidebar{padding-inline:16px}.admin-main{padding:24px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.admin-shell{display:block}.admin-sidebar{display:none}.admin-toolbar{background:var(--brand-600);color:#fff;height:64px;padding:0 16px}.admin-toolbar .language{color:#fff;background:0 0;border-color:#fff9}.admin-main{max-width:none;padding:16px 16px 84px}.admin-page-header h1{font-size:24px}.admin-page-header p{color:var(--n-500);font-size:12px}.admin-metrics,.admin-metrics--three{grid-template-columns:1fr;gap:10px}.admin-metric{text-align:center;justify-content:center;align-items:center;min-height:150px}.admin-metric strong{font-size:32px}.admin-card{padding:12px}.admin-card h2{padding:4px;font-size:17px}.admin-row{min-height:68px;padding:8px 4px}.admin-row>div{min-width:0}.admin-row strong,.admin-row small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.admin-search{width:100%}.plan-card{min-height:188px;padding:16px}.plan-card>strong{font-size:18px}.admin-bottom-nav{bottom:0;border-top:1px solid var(--n-200);z-index:10;background:#fff;grid-template-columns:repeat(5,1fr);gap:4px;height:64px;padding:8px 16px;display:grid;position:fixed;inset-inline:0}.admin-bottom-nav a{text-align:center;min-height:48px;color:var(--n-700);border-radius:8px;place-items:center;font-size:10px;display:grid}.admin-bottom-nav a.active{background:var(--brand-600);color:#fff}.admin-user-modal{width:calc(100% - 32px);padding:20px}}:root{--brand-900:#0b1f3a;--brand-700:#193a66;--brand-600:#2563eb;--brand-500:#3b82f6;--brand-50:#eff6ff;--green-700:#166534;--green-600:#16a34a;--green-100:#dcfce7;--gold-500:#d6b06a;--amber-700:#92400e;--amber-600:#d97706;--amber-100:#fef3c7;--red-700:#991b1b;--red-600:#dc2626;--red-100:#fee2e2;--n-950:#0f172a;--n-700:#334155;--n-500:#64748b;--n-300:#cbd5e1;--n-200:#e2e8f0;--n-100:#f1f5f9;--n-50:#f8fafc;--white:#fff;--shadow:0 1px 2px #0f172a0d;--r-sm:8px;--r-md:12px;--r-lg:16px}*{box-sizing:border-box}html{background:var(--n-50);color:var(--n-950);font-family:Inter,system-ui,sans-serif}html[dir=rtl]{font-family:Cairo,system-ui,sans-serif}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:30px;line-height:1.25}h2{margin-bottom:20px;font-size:18px}h3{margin-bottom:5px;font-size:16px}small{color:var(--n-500)}label{color:var(--n-700);gap:8px;font-size:14px;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--n-300);border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--n-950);background:#fff;outline:none;padding:10px 12px}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:2px;border-color:var(--brand-600);outline:3px solid #2563eb47}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--white);border-inline-end:1px solid var(--n-200);z-index:5;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brand>span:last-child{display:grid}.brand strong{letter-spacing:.08em;font-size:18px}.brand small{font-size:11px}.brand-mark{background:linear-gradient(135deg,var(--gold-500),#5fae4e 48%,var(--brand-900) 49%);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.sidebar nav{gap:6px;display:grid}.nav-link{border-radius:var(--r-sm);min-height:48px;color:var(--n-700);text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:0 13px;font-weight:600;display:flex}.nav-link:hover{background:var(--n-50)}.nav-link.active{background:var(--brand-50);color:var(--brand-600)}.sidebar-footer{margin-top:auto}.icon{flex:none;width:21px;height:21px}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--n-200);z-index:4;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.language{border:1px solid var(--n-200);border-radius:var(--r-sm);min-height:40px;color:var(--n-700);background:#fff;padding:0 14px;font-weight:600}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;place-items:center;min-width:44px;height:44px;display:grid;position:relative}.notification-dot{background:var(--red-600);top:9px;border-radius:50%;width:7px;height:7px;position:absolute;inset-inline-end:9px}.avatar{background:var(--brand-900);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user-name{font-size:14px;font-weight:600}main{max-width:1440px;margin:auto;padding:32px}.bottom-nav{display:none}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-header p{color:var(--n-500);margin:0}.button{border-radius:var(--r-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 18px;font-weight:700;display:inline-flex}.button--primary{background:var(--brand-600);color:#fff}.button--primary:hover{background:#1d4ed8}.button--secondary{color:var(--brand-600);background:#fff;border-color:#93c5fd}.button--danger{background:var(--red-600);color:#fff}.button--ghost{color:var(--brand-600);background:0 0;padding-inline:10px}.button:disabled{opacity:.55;cursor:not-allowed}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.metrics--three{grid-template-columns:repeat(3,1fr)}.metric{border:1px solid var(--n-200);border-radius:var(--r-md);box-shadow:var(--shadow);border-top:3px solid var(--brand-500);background:#fff;gap:5px;padding:18px 20px;display:grid}.metric strong{font-size:26px}.metric span{color:var(--n-500);font-size:13px}.metric--amber{border-top-color:var(--amber-600)}.metric--violet{border-top-color:#7c3aed}.metric--green{border-top-color:var(--green-600)}.metric--red{border-top-color:var(--red-600)}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-title h2{margin:0}.search{width:min(300px,100%)}.project-grid,.two-column,.reports-layout,.access-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px;display:grid}.card{border:1px solid var(--n-200);border-radius:var(--r-md);box-shadow:var(--shadow);background:#fff;padding:22px}.project-title{justify-content:space-between;gap:12px;display:flex}.project-title p{color:var(--n-500);font-size:13px}.progress-meta,.project-info{color:var(--n-500);justify-content:space-between;gap:12px;font-size:13px;display:flex}.progress{background:var(--n-100);border-radius:99px;height:7px;margin:8px 0 10px;overflow:hidden}.progress span{background:var(--brand-600);border-radius:inherit;height:100%;display:block}.card-actions{gap:10px;margin-top:20px;display:flex}.card-actions .button{flex:1}.status{white-space:nowrap;border:1px solid;border-radius:99px;align-items:center;gap:6px;min-height:28px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.status--pending{background:var(--amber-100);border-color:var(--amber-600);color:var(--amber-700)}.status--approved{background:var(--green-100);border-color:var(--green-600);color:var(--green-700)}.status--rejected{background:var(--red-100);border-color:var(--red-600);color:var(--red-700)}.status--draft{background:var(--n-100);border-color:var(--n-300);color:var(--n-700)}.queue-item,.report-row,.member{border-top:1px solid var(--n-100);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.queue-item>div{gap:4px;display:grid}.queue-item>div:last-child{justify-items:end}.queue-item a{color:var(--brand-600);font-size:13px;font-weight:700}.activity{border-top:1px solid var(--n-100);gap:12px;padding:12px 0;display:flex}.activity p{margin:0 0 4px;font-size:14px}.activity-dot{background:var(--brand-500);border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.review-layout{grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);gap:20px;display:grid}.tabs,.segmented{border-bottom:1px solid var(--n-200);margin:-6px 0 14px;display:flex}.tabs button,.segmented button{min-height:44px;color:var(--n-500);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 18px;font-weight:700}.tabs button.active,.segmented button.active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.table-head{color:var(--n-500);grid-template-columns:1fr auto;padding:8px 12px;font-size:12px;display:grid}.review-row{border:0;border-top:1px solid var(--n-100);text-align:start;background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:72px;padding:12px;display:flex}.review-row:hover{background:var(--n-50)}.review-row div{gap:5px;display:grid}.selected .eyebrow{color:var(--brand-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.selected h2{margin-bottom:12px}.selected dl{grid-template-columns:1fr 1fr;margin:20px 0;display:grid}.selected dl div{border-inline-end:1px solid var(--n-200);padding:10px}.selected dl div:last-child{border:0}.selected dt{color:var(--n-500);font-size:12px}.selected dd{margin:5px 0 0;font-weight:700}.selected>p{color:var(--n-700);font-size:14px;line-height:1.6}.comments{margin:12px 0}.decision-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.modal-backdrop{z-index:20;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-lg);text-align:center;background:#fff;width:min(420px,100%);padding:28px;box-shadow:0 22px 70px #00000040}.modal p{color:var(--n-500);line-height:1.6}.modal-symbol{border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.modal-symbol.approve{background:var(--green-100);color:var(--green-700)}.modal-symbol.reject{background:var(--red-100);color:var(--red-700)}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.toast{bottom:24px;background:var(--brand-900);color:#fff;border-radius:var(--r-sm);z-index:30;padding:14px 18px;position:fixed;inset-inline-end:24px;box-shadow:0 8px 30px #0003}.reports-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}.upload-card{gap:18px;display:grid}.upload-card h2,.segmented{margin:0}.dropzone{background:var(--brand-50);border-radius:var(--r-md);text-align:center;cursor:pointer;border:1.5px dashed #93c5fd;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:20px;display:flex}.dropzone input{opacity:0;pointer-events:none;position:absolute}.upload-icon{color:var(--brand-600);font-size:30px}.file-icon{background:var(--red-100);width:42px;height:46px;color:var(--red-700);border-radius:6px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.report-row>div:nth-child(2){flex:1;gap:4px;display:grid}.access-layout{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr)}.access-layout form{align-content:start;gap:18px;display:grid}.access-layout h2{margin:0}.access-sections{gap:20px;display:grid}.member{justify-content:flex-start}.member>div:nth-child(2){flex:1;gap:4px;display:grid}.member .status{margin-inline-start:auto}.member .button{flex:none}.access-protected{text-align:end;min-width:120px}.form-success{background:var(--green-100);color:var(--green-700);border-radius:var(--r-sm);margin:0;padding:12px}.more{background:0 0;border:0;border-radius:50%;min-width:44px;height:44px}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(145deg,var(--brand-900),#102b4e);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";bottom:-160px;background:#5fae4e21;border-radius:50%;width:420px;height:420px;position:absolute;inset-inline-end:-100px}.brand--light{color:#fff;padding:0}.login-visual h1{max-width:580px;font-size:48px}.login-visual p{color:#cbd5e1;max-width:520px;font-size:18px;line-height:1.7}.login-visual small{color:#cbd5e1;letter-spacing:.13em}.login-form-wrap{place-items:center;padding:32px;display:grid;position:relative}.login-language{top:28px;position:absolute;inset-inline-end:28px}.login-form{gap:18px;width:min(420px,100%);display:grid}.login-form h2{margin:0;font-size:30px}.login-form>p{color:var(--n-500)}.form-error{background:var(--red-100);border-radius:var(--r-sm);padding:12px;color:var(--red-700)!important}.mobile-brand{align-items:center;gap:10px;margin-bottom:18px;display:none}@media (width<=1000px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.sidebar,.brand{padding-inline:10px}.brand>span:last-child,.nav-link span{display:none}.nav-link{justify-content:center;padding:0}.review-layout,.reports-layout{grid-template-columns:1fr}.user-name{display:none}}@media (width<=700px){h1{font-size:24px}.app-shell{display:block}.sidebar{display:none}.topbar{height:60px;padding:0 16px}.workspace{padding-bottom:76px}main{padding:20px 16px}.bottom-nav{bottom:0;border-top:1px solid var(--n-200);z-index:10;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset-inline:0}.bottom-nav a{min-height:64px;color:var(--n-500);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.bottom-nav a.active{color:var(--brand-600)}.bottom-nav .icon{width:20px;height:20px}.page-header{flex-direction:column;align-items:stretch;margin-bottom:20px}.page-header .button{width:100%}.metrics,.metrics--three{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.metric{padding:14px}.metric strong{font-size:22px}.section-title{flex-direction:column;align-items:stretch}.search{width:100%}.project-grid,.two-column,.reports-layout,.access-layout{grid-template-columns:1fr;gap:14px}.card{padding:16px}.card-actions{flex-direction:column}.review-layout{display:block}.selected{margin-top:14px}.decision-actions{grid-template-columns:1fr}.table-head{display:none}.review-row{min-height:76px}.tabs button{flex:1}.toast{bottom:88px;text-align:center;inset-inline:16px}.member{grid-template-columns:auto 1fr auto;display:grid}.member .status{grid-column:2;justify-self:start;margin:0}.member .more{grid-area:1/3/3}.login-page{display:block}.login-visual{display:none}.login-form-wrap{min-height:100vh;padding:72px 20px 32px}.mobile-brand{display:flex}.login-language{top:16px;inset-inline-end:16px}.login-form h2{font-size:26px}}@media (prefers-reduced-motion:no-preference){.toast,.modal{animation:.18s ease-out enter}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.report-list{gap:16px;display:grid}.report-card{border:1px solid var(--n-200);border-radius:var(--r-sm);gap:14px;padding:18px;display:grid}.report-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.report-card__header h3{margin:5px 0 0}.report-type{color:var(--brand-600);font-size:12px;font-weight:800}.report-revision{background:var(--n-100);color:var(--n-700);white-space:nowrap;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700}.report-meta{color:var(--n-500);flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}.report-summary{color:var(--n-700);margin:0;line-height:1.6}.report-files{gap:8px;display:grid}.report-file{background:var(--n-50);border-radius:var(--r-sm);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.report-file>div{gap:4px;min-width:0;display:grid}.report-file strong,.report-file small{overflow-wrap:anywhere}.notification-menu{position:relative}.notification-badge{top:2px;background:var(--red-600);color:#fff;border:2px solid #fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;inset-inline-end:0}.notification-panel{top:52px;border:1px solid var(--n-200);border-radius:var(--r-md);z-index:20;background:#fff;width:min(390px,100vw - 32px);max-height:min(560px,100vh - 92px);padding:18px;position:absolute;inset-inline-end:0;overflow:auto;box-shadow:0 18px 48px #0f172a33}.notification-panel__header{border-bottom:1px solid var(--n-100);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.notification-panel__header h2{margin:0 0 4px}.notification-panel>p{margin:16px 0 0}.notification-list{display:grid}.notification-item{border-bottom:1px solid var(--n-100);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 0;display:flex}.notification-item:last-child{border-bottom:0}.notification-item>div{gap:4px;min-width:0;display:grid}.notification-item strong{font-size:14px;line-height:1.5}.notification-item p{color:var(--n-700);margin:0;font-size:13px}.notification-item--unread{padding-inline-start:14px;position:relative}.notification-item--unread:before{content:"";top:21px;background:var(--brand-600);border-radius:50%;width:7px;height:7px;position:absolute;inset-inline-start:0}.notification-item .button{flex:none;min-height:44px;padding-inline:10px;font-size:12px}@media (width<=700px){.notification-panel{top:68px;width:auto;max-height:calc(100vh - 156px);position:fixed;inset-inline:12px}}