@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
:root{--background:#f5f7fa;--foreground:#182c3c;--card:#fff;--card-foreground:#182c3c;--primary:#126d62;--primary-foreground:#fff;--secondary:#edf3f3;--secondary-foreground:#173d3a;--muted:#f0f3f5;--muted-foreground:#657482;--accent:#dcf5af;--accent-foreground:#143d36;--border:#e1e7eb;--input:#dbe3e8;--ring:#178374;--radius:.8rem}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .2s,transform .2s}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible{outline:3px solid #148877;outline-offset:4px}a{text-decoration:none;color:inherit}h1,h2,h3,h4,p{margin:0}button svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;background:#132c35;color:#d5e1e4;padding:37px 24px;position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:25px;color:#fff}.brand-icon{display:grid;place-items:center;width:42px;height:44px;border-radius:12px;background:#daf6a8;color:#193b32}.brand-en{display:block;letter-spacing:3px;font-size:12px;line-height:1.2;color:#a1b7bc;margin-top:3px}.sidebar-label{font-size:12px;color:#94adb5;margin:62px 12px 14px}.nav-item{display:flex;align-items:center;gap:10px;text-align:right;width:100%;border:0;background:none;color:#b7cbd1;padding:12px;border-radius:8px;font-size:14px;margin-bottom:8px}.nav-item.active{background:#26434a;color:#e4fbbd}.nav-item:hover{background:#26434a}.nav-small{margin-right:auto;font-size:12px;color:#bed59e}.sidebar-bottom{margin-top:auto;border-top:1px solid #36505a;padding:27px 10px 0}.tiny-logo{background:#355663;color:white;font-family:Arial;font-weight:bold;font-size:21px;width:30px;height:30px;display:grid;place-items:center;border-radius:5px;margin-bottom:18px}.sidebar-bottom p{font-size:17px;color:#d2e0e4;line-height:1.9}.sidebar-bottom>span{display:block;font-size:12px;margin-top:16px;color:#8ea8b0}.workspace{margin-right:235px;width:calc(100% - 235px)}.topbar{height:77px;border-bottom:1px solid #e2e7eb;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 44px;font-size:14px;color:#778591}.topbar strong{font-weight:500;color:#304451}.slash{margin:0 18px;color:#b1bac1}.private{display:flex;gap:7px;align-items:center;font-size:12px}main{max-width:1460px;padding:40px 44px 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:500;color:#4f7e77;display:flex;align-items:center;gap:7px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:#4b9d88}h1{font-size:34px;letter-spacing:-.9px;line-height:1.6;font-weight:600;margin:5px 0}.page-heading p{color:#6f7d89;font-size:16px}.secondary{display:flex;align-items:center;justify-content:center;gap:9px;background:white;border:1px solid #d9e1e6;border-radius:8px;padding:10px 15px;font-size:14px;white-space:nowrap;color:#344957}.secondary:hover{background:#eef4f3}.content-grid{display:grid;grid-template-columns:minmax(350px,1fr) minmax(360px,1.1fr);gap:28px;align-items:start}.input-card{background:#fff;border:1px solid #e1e6eb;border-radius:14px;padding:25px;box-shadow:0 3px 12px #18313c03;scroll-margin-top:20px}.card-heading{display:flex;gap:12px;align-items:center;padding-bottom:23px;border-bottom:1px solid #ebeff2;margin-bottom:23px}.icon-box{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#e8f4f0;color:#267b69}.card-heading h2{font-size:19px;font-weight:600}.card-heading p{font-size:14px;color:#778590}.step{margin-right:auto;align-self:start;font-size:13px;color:#8d9da6;background:#f3f6f7;border-radius:5px;padding:0 7px}label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;margin-bottom:8px}.optional{font-weight:400;font-size:12px;color:#7c8c97}input,textarea{width:100%;border:1px solid #dfe6eb;background:#fdfefe;border-radius:7px;padding:11px 13px;font-size:14px;color:#243d48;outline:none;transition:border .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#3a9682;box-shadow:0 0 0 3px #249d8014}input::placeholder,textarea::placeholder{color:#7d8c96}textarea{resize:vertical;min-height:80px;line-height:1.8}.url-field{display:flex;direction:ltr;align-items:center;position:relative}.url-field>span{position:absolute;left:12px;font-family:Arial;font-weight:bold;background:#2776ad;color:#fff;width:23px;height:23px;line-height:24px;text-align:center;border-radius:3px}.url-field input{padding-left:46px;font-size:13px}.input-note{font-size:12px;line-height:1.8;color:#667b87;margin-top:10px}.form-divider{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7a8c97;border-top:1px solid #edf0f3;padding-top:20px;margin:23px 0 18px}.form-divider span:first-child{font-size:14px;color:#293f4e;font-weight:500}.field{margin-top:19px}.field-tag{font-size:12px;padding:0 6px;background:#f0f5ed;color:#698146;border-radius:4px}.primary{border:0;background:#126d62;color:white;border-radius:8px;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500}.primary:hover{background:#0e5a50}.analyze{width:100%;margin-top:25px}.analyze>svg:last-child{margin-right:auto}.privacy-note{font-size:12px;color:#6e818c;line-height:1.9;text-align:center;margin-top:13px}.privacy-note svg{display:inline;vertical-align:middle;margin-left:3px}.empty-report{background:#eff3f4;border:1px solid #e0e7e8;border-radius:14px;padding:30px 32px 27px;text-align:center;overflow:hidden}.pill{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#537b72;padding:5px 11px;border:1px solid #d2e2da;border-radius:30px;background:#f7fbf7}.empty-gauge{height:216px;width:216px;border:1px solid #d9e3e1;border-radius:50%;display:grid;place-items:center;margin:33px auto 23px;position:relative}.empty-gauge:before{content:"";position:absolute;inset:12px;border-radius:50%;border:12px solid #d9e3df;border-left-color:#9ebb93;border-top-color:#9ebb93;transform:rotate(-25deg)}.empty-gauge>div{display:flex;flex-direction:column;align-items:center;gap:13px;color:#417664}.empty-gauge span{font-size:12px;color:#70887c}.empty-report h2{font-size:25px;font-weight:500}.empty-report>p{color:#687e88;font-size:16px;margin-top:10px}.report-preview-list{margin-top:31px;border-top:1px solid #dce4e5;text-align:right}.report-preview-list>div{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #dce4e5}.report-preview-list>div:last-child{border-bottom:0;padding-bottom:0}.report-preview-list>div>span{font-size:13px;color:#819790}.report-preview-list b{font-size:16px;font-weight:500}.report-preview-list p{font-size:13px;color:#6d818b;margin-top:1px}.report-preview-list svg{margin-right:auto;color:#5f837a}.tip-card{background:#e8f0e3;border:1px solid #dce5d3;border-radius:10px;display:flex;gap:12px;padding:20px;margin-top:20px;color:#54764b}.tip-card>svg{flex-shrink:0;margin-top:4px}.tip-card b{font-size:14px;font-weight:500}.tip-card p{font-size:14px;color:#61775a;margin-top:4px}.report-area{scroll-margin-top:25px}.report-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.report-heading h2{font-size:22px;margin-top:3px}.icon-button{display:grid;place-items:center;border:1px solid #dfe6e8;background:#fff;color:#607783;border-radius:7px;width:36px;height:36px}.score-card{display:flex;align-items:center;gap:20px;background:#153d3a;border-radius:13px;color:#fff;padding:28px}.score-card>div:first-child{flex:1}.pill.dark{background:#244d45;border:1px solid #426353;color:#d9f0b7;font-size:12px}.score-card h3{font-size:22px;line-height:1.6;font-weight:500;margin-top:14px}.score-card p{font-size:14px;color:#b9cec7;margin-top:9px}.score-ring{width:134px;height:134px;flex-shrink:0;border-radius:50%;background:conic-gradient(#dbf6a9 calc(var(--score)*1%),#3d5e54 0);padding:8px;transform:rotate(-90deg)}.score-ring>div{background:#153d3a;width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.score-ring strong{font-family:Arial;font-size:43px;font-weight:500;line-height:1.15}.score-ring span{font-size:12px;color:#b4cbbd}.mode-note{font-size:12px;line-height:1.8;color:#7f723e;background:#f7f2df;border-radius:6px;padding:10px 13px;margin-top:12px}.report-tabs{display:flex;gap:18px;border-bottom:1px solid #dbe3e6;margin:23px 0}.report-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#6a7e8b;padding:9px 0;font-size:14px;flex:1;white-space:nowrap}.report-tabs button[aria-selected=true]{border-color:#227a64;color:#216d5d;font-weight:500}.breakdown,.plan,.rewrites{background:#fff;border:1px solid #e0e6eb;border-radius:12px;padding:23px}.section-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:19px}h3{font-size:17px;font-weight:600}.text-button{background:none;border:0;color:#517367;display:inline-flex;align-items:center;gap:5px;padding:0;font-size:13px}.category{margin-bottom:19px}.category:last-child{margin-bottom:0}.category>div:first-child{display:flex;justify-content:space-between;font-size:14px}.category b{font-weight:500}.category small{color:#7b8f9b;font-size:12px}.bar{height:5px;background:#edf1ef;border-radius:5px;margin:8px 0}.bar span{display:block;height:100%;border-radius:5px;background:#75a38c}.category p{font-size:12px;color:#6c818e;line-height:1.7}.findings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.finding-card{padding:19px;border:1px solid #dce7dc;background:#f1f7ef;border-radius:10px}.finding-card h3{display:flex;align-items:center;gap:7px;font-size:15px;color:#427747;margin-bottom:12px}.finding-card p{display:flex;gap:7px;align-items:flex-start;font-size:14px;color:#5d775f;margin-bottom:12px}.finding-card p svg{flex-shrink:0;margin-top:5px}.weakness{background:#fff8ed;border-color:#ede3ce}.weakness h3{color:#94702b}.weakness p{color:#806d48}.action{display:flex;gap:16px;padding-top:22px;margin-top:18px;border-top:1px solid #e9edef}.action>span{font-size:23px;color:#8ea994}.action h4{font-size:16px;font-weight:500}.action p{font-size:16px;color:#657b87;line-height:1.9;margin:6px 0}.action-priority{font-size:12px;color:#668b66;background:#f0f5ea;padding:2px 8px;border-radius:3px}.rewrite{margin-top:24px}.rewrite>div{display:flex;justify-content:space-between}.rewrite h3{font-size:15px}.rewrite p{margin-top:12px;padding:16px;border-radius:7px;background:#f3f6f6;border:1px solid #e4eaea;font-size:16px;line-height:2.1}.report-disclaimer{font-size:12px;color:#768b97;padding:17px 4px}footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#758b97;padding:30px 0 23px}.footer-dot{margin:0 10px}.error{background:#fff0ed;color:#a44335;padding:10px;border-radius:7px;font-size:14px;margin-top:18px}.modal-backdrop{position:fixed;inset:0;background:#0f253b90;backdrop-filter:blur(4px);z-index:20;display:grid;place-items:center;padding:24px}.modal{background:white;border-radius:16px;padding:32px;max-width:520px;width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:0 20px 80px #102b3540}.modal .close{position:absolute;top:20px;left:20px}.modal h2{font-size:25px;margin:17px 0 8px}.modal p{font-size:16px;color:#657a86;margin:14px 0;line-height:1.9}.method-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f1;padding:10px 0;font-size:14px}.method-row b{color:#368271;font-weight:500}.modal .primary{width:100%;margin-top:22px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{padding-top:50px}.content-grid{gap:35px}.empty-report{padding:38px 45px}.empty-gauge{margin-top:42px;margin-bottom:32px}.input-card{padding:30px}}
@media(max-width:1180px){.sidebar{width:195px;padding:30px 17px}.workspace{margin-right:195px;width:calc(100% - 195px)}main{padding:28px 25px 0}.topbar{padding:0 25px}.content-grid{gap:20px;grid-template-columns:minmax(300px,1fr) minmax(310px,1fr)}.page-heading{gap:15px}h1{font-size:29px}.sample-btn{font-size:14px;padding:9px}.score-card{padding:22px;gap:14px;flex-wrap:wrap}.score-ring{width:110px;height:110px}.score-card h3{font-size:19px}.score-ring strong{font-size:34px}.findings{grid-template-columns:1fr}.empty-report{padding:25px 20px}.input-card{padding:21px}}
@media(max-width:950px){.sidebar{width:80px;align-items:center;padding:26px 10px}.brand>span:last-child,.sidebar-label,.sidebar-bottom,.nav-small{display:none}.nav-item{font-size:0;width:45px;height:45px;justify-content:center;padding:0;margin-top:12px}.nav-item.active{margin-top:48px}.nav-item svg{width:22px}.workspace{margin-right:80px;width:calc(100% - 80px)}.topbar{height:65px}.content-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:18px}main{padding:27px 22px 0}.page-heading{flex-wrap:wrap}.input-card{padding:18px}.empty-gauge{width:185px;height:185px}.report-tabs{gap:8px}.report-tabs button{font-size:14px}.score-card{flex-direction:column-reverse;align-items:flex-start}.score-ring{align-self:center}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;min-height:68px;flex-direction:row;justify-content:space-between;padding:12px 20px}.brand>span:last-child{display:block;font-size:21px}.brand-icon{width:35px;height:36px;border-radius:9px}.sidebar .nav-item{display:none}.sidebar .nav-item:last-of-type{display:flex;margin:0;width:auto;font-size:12px;gap:7px;padding:5px}.workspace{margin:0;width:100%}.topbar{height:auto;min-height:47px;padding:10px 20px;font-size:12px;flex-wrap:wrap;gap:8px}.private{font-size:12px}.slash{margin:0 9px}main{padding:24px 18px 0}.page-heading{display:block;margin-bottom:22px}h1{font-size:30px}.sample-btn{margin-top:18px;font-size:14px}.content-grid{grid-template-columns:1fr;gap:22px}.input-card{padding:22px}.empty-report{padding:25px 28px}.score-card{flex-direction:row;align-items:center;flex-wrap:wrap}.score-card h3{font-size:20px}.score-ring{width:108px;height:108px}.report-tabs button{font-size:14px;white-space:normal}.empty-gauge{width:210px;height:210px}.modal{padding:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.service-status{font-size:12px;color:#6d7549;background:#f3f5e8;border:1px solid #e4e8d5;border-radius:6px;padding:9px 11px;margin-bottom:20px}
.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:28px}.mode-card{display:flex;align-items:center;gap:13px;text-align:right;background:white;border:1px solid var(--border);border-radius:12px;padding:20px;color:#506876}.mode-card.selected{border-color:#1c8270;background:#e9f5ef;box-shadow:0 0 0 1px #1c8270}.mode-card strong{display:block;font-size:16px;color:#25483f}.mode-card span{display:block;font-size:12px;margin-top:4px}.mode-card b{font-size:12px;margin-right:auto;opacity:.5}.deep-grid{grid-template-columns:minmax(340px,.85fr) minmax(380px,1.15fr)}fieldset{border:0;margin:0;padding:0;min-width:0}.link-import{display:flex;gap:8px}.link-import input{min-width:0}.link-import button{padding:8px;font-size:12px}.document-box{margin:24px 0;padding-top:20px;border-top:1px solid #e8eeed}.doc-title{display:flex;gap:10px;align-items:center;margin-bottom:15px}.doc-title h3{font-size:16px}.doc-title p{font-size:12px;color:#71838b}.upload-zone{display:flex;flex-direction:column;gap:6px;border:1px dashed #a3beb3;border-radius:10px;padding:24px 12px;background:#f6faf8;cursor:pointer;color:#2f7767;text-align:center;overflow-wrap:anywhere}.upload-zone strong{font-size:14px;font-weight:500}.upload-zone span{font-size:11px;color:#71867e}.file-input{font-size:12px;margin-bottom:12px;padding:8px}.document-box summary,.job-details summary{font-size:13px;color:#3c675f;cursor:pointer;margin:12px 0}.document-box summary span{font-size:11px;color:#81918c;margin-right:8px}.document-box textarea{font-size:13px}.job-details{margin-top:20px}.consent{align-items:flex-start;font-size:12px;line-height:1.9;margin-top:24px}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:#167c65;margin-top:4px}.notice{background:#edf8f3;color:#216650;border-radius:8px;padding:12px;font-size:13px;margin-top:15px}.available{background:#e8f5ef;color:#23694e;border-color:#c8e5d6}.deep-section{background:#fff;border:1px solid #dde6e3;border-radius:13px;padding:24px;margin-bottom:18px;overflow-wrap:anywhere}.deep-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.deep-section-head>div{display:flex;gap:10px;align-items:center}.deep-section-head h3{font-size:18px}.deep-section-head span{font-size:12px;color:#86a096}.deep-section-head b{font-size:22px;color:#246e59;white-space:nowrap}.deep-section-head small{font-size:12px;color:#7c9086;font-weight:400}.deep-section>.bar{height:5px;border-radius:5px;background:#e8eeeb;overflow:hidden}.deep-section>.bar>span{height:100%;display:block;background:#549981}.evidence{margin:18px 0;background:#f5f7f8;padding:13px;border-right:3px solid #becbd0;border-radius:5px}.evidence b{font-size:11px;color:#74888e}.evidence p{font-size:13px;color:#445c65;white-space:pre-wrap;margin-top:5px}.deep-findings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.deep-findings h4{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:500}.deep-findings p,.addition p{font-size:14px;line-height:1.95;margin-top:7px;color:#536f6a}.positive h4{color:#268167}.negative h4{color:#a47736}.addition{margin:17px 0}.addition b{font-size:13px}.improved{background:#eff7f2;border:1px solid #dbe9df;border-radius:8px;padding:16px}.improved>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.improved b{font-size:12px;color:#31735d}.improved p{font-size:14px;line-height:2;white-space:pre-wrap;margin-top:9px}.missing{display:inline-block;font-size:11px;background:#fbf3e5;color:#8d713a;margin-top:12px;padding:3px 9px;border-radius:4px}.spaced-heading{margin-top:30px}.question{font-size:14px;background:#f6f8f8;padding:14px;border-radius:8px;margin-top:10px}.keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.keywords span{font-size:12px;background:#e9f4ee;color:#386f59;border-radius:20px;padding:4px 12px}.transfer{margin-top:25px;border-top:1px solid #e3ebe7;padding-top:20px}.report-limits{font-size:12px;color:#6e838a;padding:16px}.report-limits summary{cursor:pointer;font-weight:500}.report-limits p{margin-top:10px}.score-card>div:first-child{min-width:0;flex:1}.score-ring{flex-shrink:0}.score-card p{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.report-area{min-width:0;scroll-margin-top:20px}
@media(max-width:1200px){.mode-card{padding:14px;gap:8px}.mode-card strong{font-size:14px}.mode-card>b{display:none}.deep-grid{grid-template-columns:minmax(290px,.9fr) minmax(300px,1.1fr)}.deep-findings{grid-template-columns:1fr}.deep-section{padding:18px}.page-heading h1{font-size:28px}}
@media(max-width:900px){.deep-grid{grid-template-columns:1fr}.mode-card{align-items:flex-start}.mode-card>svg{display:none}.score-card{flex-direction:row}.score-ring{align-self:center}}
@media(max-width:600px){.mode-grid{grid-template-columns:1fr;gap:8px}.mode-card{align-items:center;padding:13px 15px}.mode-card>svg{display:block}.mode-card>b{display:block}.mode-card span{font-size:11px;margin:0}.mode-card strong{font-size:14px}.link-import{flex-wrap:wrap}.link-import button{width:100%}.score-card{flex-direction:column-reverse}.deep-section-head h3{font-size:16px}.page-heading h1{font-size:26px}.deep-findings{grid-template-columns:1fr}.report-heading h2{font-size:20px}}
