@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Inter:wght@400;600;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#172033;font-family:Inter,Cairo,sans-serif}[dir=rtl]{font-family:Cairo,Inter,sans-serif}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.nav{background:#102337;color:#ecf4f7;padding:28px 16px}.brand{font-size:22px;font-weight:700;margin:0 10px 30px}.nav a{display:block;color:#b9c7d1;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0}.nav a.active,.nav a:hover{background:#1b3a54;color:#fff}.main{padding:30px;max-width:1600px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.title{font-size:26px;margin:0}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #e7ebef;border-radius:12px;padding:18px;box-shadow:0 1px 2px #10233708}.metric{font-size:30px;font-weight:700;margin-top:8px}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e7ebef;border-radius:12px;overflow:hidden}.table td,.table th{padding:13px;text-align:start;border-bottom:1px solid #edf0f2}.table th{font-size:12px;color:#64748b;background:#fafbfc}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e6f4ef;color:#15704b;font-size:12px}.alert{padding:10px 12px;border-radius:8px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-size:14px}.btn{border:0;background:#0f766e;color:#fff;padding:10px 14px;border-radius:8px;font:inherit;cursor:pointer}.btn.secondary{background:#eaf0f3;color:#173042}.panel{display:flex;gap:10px;align-items:center}.input{padding:10px;border:1px solid #d7dfe5;border-radius:8px;width:100%;font:inherit}.cmd{border:1px dashed #b9c7d1;border-radius:8px;padding:11px;color:#526577;background:#fbfcfd}.sr{position:absolute;clip:rect(0,0,0,0)}@media(max-width:760px){.shell{grid-template-columns:1fr}.nav{padding:10px;display:flex;overflow:auto;gap:4px}.brand{margin:8px 12px}.nav a{white-space:nowrap}.main{padding:18px}}.public{max-width:1180px;margin:auto;padding:0 24px 80px}.public-nav{height:76px;justify-content:space-between;border-bottom:1px solid #e7ebef}.public-nav,.public-nav nav{display:flex;align-items:center}.public-nav nav{gap:18px}.public-nav a{text-decoration:none;color:inherit}.public-brand{font-size:22px;font-weight:800;color:#102337!important;text-decoration:none}.hero{padding:86px 0 64px;max-width:860px}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.08;margin:14px 0 20px;letter-spacing:-.03em}.hero p{font-size:20px;line-height:1.8;color:#64748b;max-width:760px}.eyebrow{display:inline-block;background:#e6f4ef;color:#0f766e;padding:7px 12px;border-radius:999px;font-weight:700}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.public-cta{background:#0f766e}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.price-card,.public-card{background:#fff;border:1px solid #e4e9ed;border-radius:16px;padding:24px}.public-card strong{font-size:19px}.price-card p,.public-card p{color:#64748b;line-height:1.7}.pricing-preview{padding-top:72px}.plans-head h1,.pricing-preview h2{font-size:36px;margin-bottom:10px}.plans-head{text-align:center;max-width:760px;margin:70px auto 42px}.plans-head p{color:#64748b;font-size:18px}.price-card{display:flex;flex-direction:column;gap:12px}.price-card.featured{border:2px solid #0f766e;transform:translateY(-6px)}.price{font-size:32px;font-weight:800}.price small{font-size:14px;font-weight:500;color:#64748b}.price-card ul{line-height:2;color:#526577;-webkit-padding-start:22px;padding-inline-start:22px;flex:1 1}.auth-page{min-height:100vh;padding:48px 24px;background:linear-gradient(135deg,#f7f8fa 55%,#eef8f6)}.auth-shell{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr 460px;grid-gap:56px;gap:56px;align-items:center;min-height:calc(100vh - 96px)}.auth-copy h1{font-size:48px;margin:30px 0 12px}.auth-copy p{font-size:18px;line-height:1.8;color:#64748b}.selected-plan{margin-top:28px;background:#fff;border:1px solid #e5eaee;border-radius:14px;padding:18px;display:grid;grid-gap:5px;gap:5px;max-width:330px}.selected-plan strong{font-size:22px;color:#0f766e}.signup-card form{display:grid;grid-gap:14px;gap:14px}.signup-card label{display:grid;grid-gap:6px;gap:6px}.signup-card small{color:#718096}.terms{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;gap:8px!important}.auth-switch{text-align:center;color:#64748b;margin-top:18px}.auth-switch a{color:#0f766e;font-weight:700}.billing-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:18px;gap:18px}.billing-card h2,.billing-card p{margin:6px 0 0}@media(max-width:800px){.auth-shell,.feature-grid,.pricing-grid{grid-template-columns:1fr}.public-nav nav a:not(.btn){display:none}.hero{padding-top:56px}.auth-copy{display:none}.price-card.featured{transform:none}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.task-actions{flex-wrap:wrap}.btn.danger{background:#b42318;color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.input[multiple]{min-height:104px}@media(max-width:760px){.table{min-width:760px}.panel{flex-wrap:wrap}.task-actions small{width:100%}.table{display:block;overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}.table td,.table th{white-space:nowrap}}:focus-visible{outline:3px solid #0f766e;outline-offset:2px}.input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e22;outline:none}.btn{min-height:40px}.table-wrap{border:1px solid #e7ebef;background:#fff}.table-wrap .table{border:0}.empty-state{padding:24px;text-align:center;color:#64748b}.status-message{margin-top:8px}.nav a[aria-current=page]{background:#1b3a54;color:#fff}@media(max-width:760px){.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20}.top{align-items:flex-start;gap:10px;flex-wrap:wrap}}.skip-link{position:fixed;inset-inline-start:12px;top:8px;z-index:9999;padding:10px 14px;background:#fff;color:#102337;border:2px solid #0f766e;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}