:root{--himma-black: #111111;--himma-green: #007a3d;--himma-red: #ce1126;--himma-gold: #b58a2a;--himma-hero-red: #aa0f1d;--himma-hero-black: #090b09;--himma-hero-green: #006b36;--paper: #ffffff;--paper-warm: #f7f2ea;--soft: #f6f7f8;--ink: #202020;--muted: #60646b;--line: #e3e5e8;--shadow-sm: 0 10px 26px rgba(17, 17, 17, .08);--shadow-md: 0 20px 54px rgba(17, 17, 17, .12);--shadow-hero: 0 26px 70px rgba(17, 17, 17, .22);font-family:Tahoma,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--soft);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;direction:rtl;min-height:100vh;background:var(--paper-warm);color:var(--ink)}button,textarea,select{font:inherit}.app-shell{width:min(1120px,100%);margin:0 auto;padding:clamp(12px,2.4vw,26px)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:12px 14px;color:var(--paper);background:var(--himma-black);border-bottom:4px solid var(--himma-red);border-radius:8px;box-shadow:0 10px 30px #1111112e;animation:content-rise .54s ease both}.site-brand{display:inline-flex;align-items:center;gap:10px;min-width:210px}.site-brand img{width:46px;height:46px;object-fit:contain;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff14}.site-brand div{display:grid;gap:2px}.site-brand strong{font-size:18px}.site-brand span{color:#ffffffb8;font-size:12px;line-height:1.45}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.site-header a{min-height:40px;display:inline-flex;align-items:center;padding:7px 12px;color:var(--paper);text-decoration:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;font-weight:800;transition:background .18s ease,border-color .18s ease,transform .18s ease}.site-header a:hover,.site-header a:focus-visible{background:var(--himma-red);border-color:var(--himma-red);transform:translateY(-1px);outline:none}.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:clamp(440px,64vh,590px);padding:clamp(64px,8vw,92px) clamp(18px,5vw,56px) clamp(34px,5vw,50px);color:var(--paper);background:linear-gradient(90deg,var(--himma-hero-red) 0%,#751018 24%,var(--himma-hero-black) 49%,#062113 72%,var(--himma-hero-green) 100%);border-bottom:5px solid var(--himma-red);border-radius:8px;overflow:hidden;text-align:center;box-shadow:var(--shadow-hero);animation:hero-in .7s cubic-bezier(.2,.75,.22,1) both}.hero:before,.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.hero:before{background:radial-gradient(circle at 22% 68%,rgba(255,255,255,.08),transparent 22%),radial-gradient(circle at 82% 65%,rgba(255,255,255,.06),transparent 24%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 34px)}.hero:after{inset:auto 0 0;height:7px;width:auto;background:linear-gradient(90deg,#c8162e 0 36%,#101010 36% 58%,#008246 58% 88%,#b58a2a 88% 100%);opacity:1}.hero-copy{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;animation:content-rise .76s .14s cubic-bezier(.2,.75,.22,1) both}.hero-eyebrow{display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;padding:6px 12px;color:#d5b25f;background:#ffffff0f;border:1px solid rgba(181,138,42,.36);border-radius:8px;font-size:14px;font-weight:900}.brand-mark{width:84px;height:84px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff0f;color:var(--himma-gold);font-size:42px;font-weight:800;box-shadow:inset 0 0 0 1px #b58a2a61,0 18px 34px #0000002e;animation:mark-pop .72s 80ms cubic-bezier(.2,.75,.22,1) both}.brand-mark img{width:54px;height:54px;object-fit:contain}.brand-logo{width:min(220px,58vw);max-width:220px;max-height:76px;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.24))}h1,h2,h3,p{margin:0}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.1;font-weight:900;letter-spacing:0;text-shadow:0 8px 26px rgba(0,0,0,.26)}.hero p{width:min(680px,100%);margin-top:12px;color:#ffffffe0;font-size:clamp(18px,2.4vw,24px);line-height:1.7;font-weight:700}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.flow span{position:relative;overflow:hidden;padding:12px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff12;color:var(--paper);text-align:center;font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tile-in .52s cubic-bezier(.2,.75,.22,1) both}.flow span:nth-child(2){animation-delay:80ms}.flow span:nth-child(3){animation-delay:.16s}.flow span:nth-child(4){animation-delay:.24s}.flow span:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--himma-green) 0 50%,var(--himma-red) 50% 100%)}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(720px,100%);margin-top:16px}.hero-stats span{display:grid;gap:3px;padding:12px 10px;color:var(--paper);background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stats strong{font-size:18px;color:#fff}.hero-stats small{color:#ffffffb8;font-weight:700}.quick-actions,.action-row{display:flex;flex-wrap:wrap;gap:10px}.quick-actions{position:sticky;top:10px;z-index:5;margin:16px 0;padding:10px;background:#fffffff0;border:1px solid rgba(227,229,232,.82);border-radius:8px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:content-rise .6s .26s cubic-bezier(.2,.75,.22,1) both}.app-notice{margin:12px 0;padding:12px 14px;color:#3c2b08;background:#fff8e6;border:1px solid rgba(181,138,42,.38);border-radius:8px;font-weight:800;box-shadow:var(--shadow-sm);animation:notice-pop .28s ease both}button{position:relative;overflow:hidden;min-height:44px;border:0;border-radius:8px;cursor:pointer;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px) scale(.985);animation:press-flash .26s ease}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(0,122,61,.28);outline-offset:2px}.quick-actions button,.secondary,.demo-card{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;color:var(--himma-black);background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 18px #1111110d}.quick-actions button:hover,.secondary:hover,.demo-card:hover{border-color:#007a3d57;box-shadow:0 14px 28px #1111111a}.danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;color:#7a0714;background:#fff1f3;border:1px solid rgba(206,17,38,.22)}.primary{padding:12px 18px;color:var(--paper);background:var(--himma-red);font-weight:800;box-shadow:0 14px 30px #ce11263d}.primary:hover{background:#b20e20;box-shadow:0 18px 38px #ce112652}.panel,.principle{margin-top:16px;padding:clamp(17px,2.4vw,24px);background:#fffffffc;border:1px solid rgba(227,229,232,.95);border-radius:8px;box-shadow:var(--shadow-sm);animation:section-in .52s cubic-bezier(.2,.75,.22,1) both}.principle{display:flex;gap:12px;color:#153d27;background:#fff;border-color:#007a3d38;border-right:5px solid var(--himma-green);line-height:1.8}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--himma-red)}.section-title svg{color:var(--himma-red)}.section-title h2:after{content:"";display:block;width:56px;height:4px;margin-top:8px;border-radius:999px;background:var(--himma-green)}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:4px;border-radius:8px;background:#f0f1f2}.tabs button{color:var(--ink);background:transparent}.tabs .active{color:var(--paper);background:var(--himma-red);box-shadow:0 8px 20px #11111124}.hidden-input{display:none}.image-box{display:grid;gap:10px;margin-bottom:12px;padding:12px;border:1px dashed rgba(0,122,61,.38);border-radius:8px;background:#fff}.image-box img{width:100%;max-height:260px;object-fit:contain;border-radius:8px;background:#fff}.image-box p{color:#617486;line-height:1.8}.capture-tips,.quality-card{padding:13px;border:1px solid #dce6ee;border-radius:8px;background:#fff}.capture-tips h3,.quality-card h3{margin-bottom:8px;color:var(--himma-black)}.capture-tips ul{margin:0;padding:0 18px 0 0;line-height:1.9}.quality-card{border-color:#cbd8e1}.quality-good{background:#f1fbf5;border-color:#bfe7d1}.quality-acceptable{background:#fff9e8;border-color:#ecd28b}.quality-poor{background:#fff4f4;border-color:#ffcaca}.quality-score{display:flex;align-items:center;gap:10px;margin-bottom:10px}.quality-score strong{font-size:24px;color:#0c2d4a}.quality-score span{padding:6px 10px;border-radius:8px;background:#ffffffb8;font-weight:800}.quality-warning{padding:10px;color:#8f1d1d!important;background:#fff;border:1px solid #ffd2d2;border-radius:8px}.quality-verdict{padding:10px;color:#0c2d4a!important;background:#ffffffbd;border:1px solid #dce6ee;border-radius:8px;font-weight:800}.quality-metrics{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.quality-metrics span{padding:6px 9px;border-radius:8px;background:#ffffffbd;border:1px solid #dde7ef;font-size:13px}.ocr-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ocr-flow span,.extracted-card{padding:10px;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#0c2d4a;text-align:center;font-weight:800}.ocr-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ocr-mode{padding:11px;color:#203449;background:#fff;border:1px solid #d7e0e7}.ocr-mode.active{color:#172235;background:#fff3d0;border-color:#dfb85b;font-weight:800}.future-mode{padding:11px;border:1px solid #d7e0e7;border-radius:8px;background:#fff;color:#203449;font-weight:800}.future-mode span{display:block;margin-top:6px;color:#68798a;font-size:12px;font-weight:700}.reply-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.reply-form label{display:grid;gap:6px;color:#203449;font-weight:800}.reply-form input,.reply-form textarea{min-height:42px;padding:10px;border:1px solid #cbd8e1;border-radius:8px;background:#fbfdff}.reply-form textarea{min-height:92px}.device-card{padding:13px;border:1px solid #cbd8e1;border-radius:8px;background:#f6f9fb}.device-card h3{margin-bottom:8px;color:#0c2d4a}.device-card p+p{margin-top:7px}.check-row{display:flex;align-items:center;gap:8px;color:#203449;font-weight:700}.ocr-progress span{display:block;margin-bottom:7px;color:#0c2d4a;font-weight:800}.ocr-progress div{height:10px;overflow:hidden;border-radius:999px;background:#e3ebf1}.ocr-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--himma-green),var(--himma-red));animation:progress-glow 1.2s ease-in-out infinite alternate}.ocr-error{padding:10px;color:#8f1d1d!important;background:#fff1f1;border:1px solid #ffd2d2;border-radius:8px}.normalizer-card{display:grid;gap:12px;padding:14px;border:1px solid #cfe1ee;border-radius:8px;background:#f7fbfe}.multi-pass-card{display:grid;gap:12px;padding:14px;border:1px solid #d8c27d;border-radius:8px;background:#fffaf0}.normalizer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.normalizer-head h3{color:#0c2d4a}.normalizer-head span,.term-list span{padding:5px 9px;border-radius:999px;background:#e9f3ee;color:#17613d;font-size:13px;font-weight:800}.term-list{display:flex;flex-wrap:wrap;gap:7px}.text-quality{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px;border-radius:8px;border:1px solid #dce6ee;background:#fff}.text-quality span{font-weight:800}.text-quality-strong span,.text-quality-usable span{color:#17613d}.text-quality-needs-review span{color:#8a5a00}.text-quality-unreadable span{color:#8f1d1d}.correction-list{display:grid;gap:8px}.correction-list div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px;border:1px solid #dce6ee;border-radius:8px;background:#fff}.correction-list small{color:#66788a}.raw-result-list{display:grid;gap:10px}.raw-result-list article{display:grid;gap:6px;padding:10px;border:1px solid #dce6ee;border-radius:8px;background:#fff}.raw-result-list small{color:#66788a}.raw-result-list pre{max-height:180px;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word;direction:rtl;color:#142338;font-family:inherit;line-height:1.7}.extracted-card{margin:10px 0;text-align:start}textarea{width:100%;min-height:180px;resize:vertical;padding:14px;border:1px solid #cbd8e1;border-radius:8px;line-height:1.8;color:#142338;background:#fbfdff}textarea:focus,select:focus{outline:3px solid rgba(0,122,61,.22);border-color:var(--himma-green)}.upload-note,.empty{margin:10px 0;color:#66788a}.demo-grid,.reason-grid,.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reason-grid article,.how-steps span{position:relative;overflow:hidden;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;line-height:1.7;box-shadow:0 8px 18px #1111110a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.reason-grid article:before,.how-steps span:before,.demo-card:before{content:"";position:absolute;inset-inline-start:0;inset-block:0;width:4px;background:var(--himma-green)}.reason-grid article:nth-child(2):before,.how-steps span:nth-child(2):before,.demo-card:nth-child(2):before{background:var(--himma-red)}.reason-grid article:nth-child(3):before,.how-steps span:nth-child(3):before,.demo-card:nth-child(3):before{background:var(--himma-gold)}.reason-grid article:hover,.how-steps span:hover,.demo-card:hover,.template-grid article:hover,.info-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#007a3d47}.how-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.how-steps span{text-align:center;color:var(--himma-black);font-weight:800}.demo-card{justify-content:center;min-height:64px;text-align:center;font-weight:700;background:#fff}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.form-table div{padding:12px;border:1px solid #dce6ee;border-radius:8px;background:#fbfdff}.form-table span{display:block;margin-bottom:6px;color:#607588;font-size:13px}.form-table strong{color:#10243a;overflow-wrap:anywhere}.form-table small{display:block;margin-top:6px;color:#66788a}.document-terms{margin-top:14px}.template-group+.template-group{margin-top:18px}.template-group h3{margin-bottom:10px;color:#0c2d4a}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-grid article{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.template-grid p{color:#44596e;line-height:1.7}.template-grid span,.template-grid small{color:#66788a;font-size:13px}.info-box{padding:13px;background:#fafafa;border:1px solid var(--line);border-radius:8px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.info-box span{display:block;margin-bottom:6px;color:#607588;font-size:13px}.summary,.reason{margin-top:14px;line-height:1.8}.confidence{margin-top:14px}.confidence span{display:block;margin-bottom:8px;color:#0c2d4a;font-weight:800}.confidence div{height:10px;overflow:hidden;border-radius:999px;background:#e3ebf1}.confidence i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--himma-green),var(--himma-red))}.next-step{margin-top:14px;padding:13px;border-radius:8px;background:#f5faf7;color:#153d27;line-height:1.8;border:1px solid rgba(0,122,61,.14)}.checklist{margin-top:16px}.checklist h3{margin-bottom:8px;color:#0c2d4a}ol{margin:0;padding:0 20px 0 0;line-height:1.9}.risk{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:7px 10px;border-radius:8px;font-weight:800}.risk-منخفض{color:#064b2a;background:#dff4e9}.risk-متوسط{color:#835600;background:#fff0bf}.risk-عالي{color:#840615;background:#ffdce1}.warning{display:flex;gap:8px;margin-top:16px;padding:12px;color:#4d3505;background:#fff7df;border-radius:8px;border:1px solid rgba(181,138,42,.22)}.reply{white-space:pre-wrap;margin:0;padding:14px;background:#f6f9fb;border:1px solid #dbe3ea;border-radius:8px;line-height:1.9}.case-list{display:grid;gap:10px}.case-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:10px;padding:13px;border:1px solid #dce6ee;border-radius:8px}.case-card p,.reminder{margin-top:5px;color:#68798a}select{min-height:40px;padding:0 10px;border:1px solid #cbd8e1;border-radius:8px;background:#fff}@media(max-width:680px){.app-shell{padding:10px}.hero{min-height:auto;padding:58px 16px 28px}.site-header{position:static;align-items:stretch;flex-direction:column}.site-header nav,.site-brand{width:100%}.site-header nav a{flex:1 1 0;justify-content:center}.brand-mark{width:64px;height:64px}.brand-mark img{width:44px;height:44px}.brand-logo{width:min(150px,62vw);max-width:150px;max-height:58px}.hero h1{font-size:42px}.quick-actions{position:static}.flow,.hero-stats,.demo-grid,.reason-grid,.how-steps,.ocr-flow,.ocr-mode-grid{grid-template-columns:1fr}.flow,.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions button,.primary,.secondary,.demo-card,.danger{width:100%;justify-content:center}.analysis-grid,.form-table,.template-grid,.case-card,.reply-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@keyframes hero-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes content-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes section-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-pop{0%{opacity:0;transform:scale(.86)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes tile-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes press-flash{0%{box-shadow:0 0 #b58a2a47}to{box-shadow:0 0 0 12px #b58a2a00}}@keyframes notice-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-glow{0%{filter:saturate(.9)}to{filter:saturate(1.22) brightness(1.05)}}@media print{body{background:#fff}.hero,.principle,.quick-actions,.demo-panel,.input-panel,.result-panel,.case-list,.no-print,.panel:not(.printable){display:none!important}.app-shell,.panel{width:100%;margin:0;padding:0;box-shadow:none;border:0}}
