:root{--ink:#122b38;--dim:#687c87;--a:#097765;--b:#e7f4f0;--line:#e3e9ec;--bg:#f7faf9;--white:#fff;--red:#9c3a3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;direction:rtl}a{color:var(--a);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 34px));margin:auto}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.bar{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:12px}.brand{font-size:22px;font-weight:850;color:var(--ink)}.brand span{color:var(--a)}nav{display:flex;align-items:center;gap:20px;font-size:14px}.smallbutton,.button,button{border:0;border-radius:12px;background:var(--a);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;cursor:pointer;min-height:44px;font-family:inherit;font-size:14px}.button:hover,button:hover{background:#045b4d;text-decoration:none}.smallbutton{padding:8px 15px}.outline,.quiet{display:inline-flex;padding:10px 17px;background:transparent;color:var(--a);border:1px solid #a8c9bf;border-radius:12px;font-size:14px;font-weight:700}.quiet{background:#fff;cursor:pointer}.outline:hover{text-decoration:none;background:var(--b)}.hero{padding:90px 0 72px;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--a);font-size:12px;font-weight:800;margin-bottom:10px}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.22;margin:0 0 20px;letter-spacing:-.04em}.hero em{color:var(--a);font-style:normal}.hero p{max-width:620px;font-size:18px;color:var(--dim)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.note{margin-top:22px;color:var(--a);font-size:13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.features article,.panel,.plan,.propertycard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 3px 15px #0c27200a}.glyph{font-weight:800;font-size:18px;color:var(--a);background:var(--b);border-radius:12px;width:42px;height:42px;display:grid;place-items:center}.features h3{margin-bottom:5px}.features p,.muted,.features small,.plan p,.propertycard p{color:var(--dim)}.section{margin:48px 0}.section h2{font-size:23px;margin:0 0 15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan{position:relative;overflow:hidden}.plan strong{display:block;font-size:33px;line-height:1.4;white-space:nowrap}.plan strong small{font-size:15px}.plan p{margin:4px 0}.plan.popular{border:2px solid var(--a)}.ribbon{position:absolute;top:0;left:0;background:var(--a);color:#fff;font-size:11px;padding:5px 12px;border-radius:0 0 9px 0}.tiny{font-size:12px}.auth{max-width:490px;margin:65px auto}.auth h1{font-size:32px}.stack{display:flex;flex-direction:column;gap:15px}.panel label,.formgrid label{display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:7px}input,select{width:100%;border:1px solid #d1dfe0;border-radius:10px;padding:12px 14px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink);min-height:46px}input:focus,select:focus{outline:3px solid #b9e6db;border-color:var(--a)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:end}.formgrid button{max-width:250px}.check{flex-direction:row!important;align-items:center}.check input{width:20px;min-height:20px}.heading{margin:48px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.heading h1{margin:0;font-size:32px}.heading p{margin:0}.back{font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats>div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px}.stats span{color:var(--dim);font-size:13px;display:block}.stats strong{font-size:30px}.stats .smaller{font-size:16px}.banner{background:#e5f5ef;border:1px solid #b5ddce;padding:16px 20px;margin:20px 0;border-radius:13px;display:flex;gap:15px;flex-wrap:wrap}.warning{background:#fff6e6;border-color:#edcf8e}.propertycard{display:block;color:var(--ink);min-height:185px}.propertycard h3{margin:9px 0 0}.propertycard p{margin:0}.propertycard span{color:var(--a);font-weight:700;font-size:13px}.two,.twotables{display:grid;grid-template-columns:1fr 1fr;gap:22px}.twotables{gap:16px}.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid #edf1f2;vertical-align:middle}th{background:#f0f5f4;font-weight:800}tr:last-child td{border-bottom:0}small{font-size:12px;color:var(--dim);font-weight:400}.invoice{margin-bottom:14px}.invoicetop{display:flex;justify-content:space-between;gap:15px}.invoicetop p{margin:0;color:var(--dim);font-size:13px}.invoicetop strong{font-size:21px;white-space:nowrap}.invoice form{margin-top:15px}.danger{background:#fff;color:var(--red);border:1px solid #e6baba;padding:7px 12px;min-height:32px}.danger:hover{background:#ffecec}.result{margin:20px 0}.result h2{color:var(--a)}.empty{padding:30px;background:#fff;border-radius:16px;border:1px dashed #c8d4d1;color:var(--dim)}footer{margin-top:90px;border-top:1px solid var(--line);color:var(--dim);font-size:12px;padding:25px 0}footer span{float:left}@media(max-width:750px){.wrap{width:calc(100% - 26px)}nav{gap:12px}.top .bar{min-height:64px}.brand{font-size:18px}.hero{padding:65px 0 40px}.hero p{font-size:16px}.features,.cards,.two,.twotables,.stats{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:27px}.section{margin:35px 0}.plan strong{font-size:30px}.invoicetop{flex-direction:column}}

/* Production admin responsive enhancements */
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-stats .panel{padding:18px}.admin-stats span{display:block;color:var(--dim);font-size:13px}.admin-stats strong{font-size:28px;font-variant-numeric:tabular-nums}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions button{white-space:nowrap}.compact{margin:10px 0 16px}.compact h2{margin:0}a:focus-visible,button:focus-visible{outline:3px solid #6abca7;outline-offset:3px}.tablewrap{max-width:100%}input[type=file]{max-width:100%}@media(max-width:950px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats .panel{padding:12px}.admin-stats strong{font-size:22px}nav{gap:8px;flex-wrap:wrap}nav a{font-size:12px}.brand{font-size:16px}}

details.bulk{margin-top:12px;border:1px solid var(--line);padding:12px;border-radius:12px;background:#fff}details.bulk>summary{cursor:pointer;color:var(--a);font-weight:700}details.bulk .panel{margin-top:12px;box-shadow:none;padding:14px}

/* v0.5 lean launch UX */
:root{--focus:#087363}html{font-size:16px}body{font-feature-settings:"tnum" 1}button:disabled{opacity:.55;cursor:not-allowed}input:invalid:not(:placeholder-shown){border-color:#c48a83}input[type=number]{font-variant-numeric:tabular-nums}td,th{white-space:normal}details summary{min-height:42px}form label small{font-weight:400;line-height:1.5}.notice{padding:12px 16px;background:#f1f7f5;border:1px solid #cfe7de;border-radius:12px}.bank-details{overflow-wrap:anywhere;direction:ltr;text-align:right;font-size:18px;letter-spacing:.04em}.pricing-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricepick{padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.status{font-size:12px;padding:4px 9px;border-radius:30px;background:#edf3f2}.status.pending{background:#fff2d9}.status.approved{background:#e3f5ed}.status.rejected{background:#fff0ef}@media(max-width:650px){.pricing-pick{grid-template-columns:1fr}.wrap{width:calc(100% - 22px)}.panel{padding:16px}.hero h1{font-size:35px}.hero{padding-top:50px}table{font-size:12px}.tablewrap{overflow-x:auto}.tablewrap>table{min-width:560px}.actions>a{flex:1;text-align:center}.section h2{font-size:20px}}

.ocr-candidate{margin:3px;min-height:36px;padding:5px 10px;direction:ltr;font-variant-numeric:tabular-nums}.ocr-candidate:focus-visible{outline:3px solid var(--focus)}

.legal{max-width:820px}.legal h1{font-size:36px}.legal h2{margin-top:25px;font-size:21px}.legal p{line-height:2}
/* ================================================================
   HISSAF / حصاف · Brand System v0.5
   An independent Saudi product inspired by DGA Platforms Code
   principles; not a government service or certified implementation.
   ================================================================ */
:root{
 --ink:#172D29;--dim:#52635E;--a:#14573A;--b:#E9F5ED;
 --line:#E2EAE5;--bg:#F7FAF8;--white:#FFFFFF;--red:#A5363F;
 --forest:#123E30;--forest-deep:#0E2E25;--mint:#DDF2E4;
 --gold:#EFC46A;--surface:#FFFFFF;--focus:#0B7355;
 --shadow:0 12px 32px rgba(21,62,46,.05)
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic','Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;line-height:1.82;font-size:15px;direction:rtl;text-align:right}
button,input,select,textarea{font-family:inherit}
button,.button,.smallbutton,.outline,.quiet{transition:background .16s ease,border-color .16s ease,transform .16s ease;letter-spacing:0}
a{color:#156844}a:hover{text-decoration:none;color:#104D34}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #DEB558!important;outline-offset:3px!important}
.skip-link{position:absolute;top:-120px;right:20px;background:var(--forest);color:#fff;padding:12px 16px;z-index:30;border-radius:0 0 10px 10px}
.skip-link:focus{top:0;color:#fff}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.top{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:none;z-index:15;backdrop-filter:blur(14px)}
.bar{min-height:80px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:var(--forest);font-weight:800;text-decoration:none}
.brand:hover{color:var(--forest)}
.brand img{display:block;flex:none;border-radius:12px;box-shadow:0 3px 10px #14573A22}
.brand-word{font-size:25px;letter-spacing:-.05em;line-height:1.08;display:flex;flex-direction:column;gap:3px}
.brand-word small{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:.18em;font-size:9px;font-weight:700;color:#6B7E73;text-align:center}
.nav-desktop{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}
.nav-desktop>a{color:#3D5247}.nav-desktop>a:hover{color:var(--a)}
.nav-desktop .smallbutton{color:#fff;padding:10px 17px}
.nav-signin{border-left:1px solid var(--line);padding-left:18px}
.mobile-navigation{display:none;position:relative}
.mobile-navigation summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:8px 13px;border-radius:10px;color:var(--ink);font-weight:700}
.mobile-navigation summary::-webkit-details-marker{display:none}
.mobile-navigation nav{position:absolute;left:0;top:calc(100% + 12px);width:min(260px,86vw);display:flex;flex-direction:column;background:#fff;padding:12px;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #0e36251f;z-index:20}
.mobile-navigation nav a{padding:9px 12px;border-radius:8px;color:var(--ink)}
.mobile-navigation nav a:hover{background:var(--b)}
.main-content{min-height:calc(100vh - 365px)}
.button,button,.smallbutton{background:var(--forest);color:#fff;min-height:46px;border-radius:11px;padding:11px 19px;white-space:normal;text-align:center}
.button:hover,button:hover,.smallbutton:hover{background:#0B3729;color:#fff}
.outline,.quiet{border-radius:11px;border-color:#B4CCC0;color:var(--forest);font-weight:700;align-items:center;justify-content:center;text-align:center}
.outline:hover,.quiet:hover{background:var(--b);color:var(--a)}
.button-light{background:#fff;color:var(--forest);font-weight:800}
.button-light:hover{background:#EEF9F0;color:var(--forest)}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--a);font-size:13px;letter-spacing:0;font-weight:800;text-transform:none;margin-bottom:12px}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#2BA36C;display:inline-block}
.hero-landing{padding:76px 0 68px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:70px}
.hero-content h1{font-size:clamp(39px,4.25vw,63px);line-height:1.36;letter-spacing:-.053em;margin:0 0 22px;font-weight:850}
.hero-content h1 em{font-style:normal;color:#1C8A5C}
.hero-lead{color:var(--dim);font-size:18px;line-height:2.08;max-width:630px;margin:0 0 28px}
.hero-micro{color:#61756A;font-size:12px;margin:19px 0 0}
.hero-visual{background:#fff;border:1px solid #DAE7DE;box-shadow:0 24px 80px rgba(16,70,48,.11);border-radius:24px;padding:23px;position:relative;isolation:isolate;max-width:525px;width:100%}
.hero-visual:before{content:'';position:absolute;inset:-20px -18px auto 30%;height:110px;border-radius:100%;background:#C7EDD71F;filter:blur(14px);z-index:-1}
.visual-heading,.visual-property,.visual-breakdown>div,.visual-metric>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mini-brand{display:flex;align-items:center;gap:10px}.mini-brand>div{display:flex;flex-direction:column;gap:0}.mini-brand small{font-size:10px;color:#74847C}
.visual-mark{height:38px;width:38px;display:grid;place-items:center;background:var(--forest);color:#fff;border-radius:11px;font-size:22px;font-weight:700}
.sample-label{font-size:11px;background:#F2F5F1;color:#617669;padding:3px 11px;border-radius:20px}
.visual-property{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:21px 0}
.visual-property>div{display:flex;flex-direction:column;gap:3px}.visual-property small,.visual-metric small{font-size:11px;color:#77857D}.visual-property strong{font-size:16px}
.visual-metric{border:1px solid #E5EEE7;background:#F7FBF8;padding:17px;border-radius:14px}.visual-metric>span{color:#5B7163;font-size:12px}.visual-metric strong{font-size:38px;line-height:1.2;font-variant-numeric:tabular-nums}.visual-metric div small{margin-inline-start:auto}.meter-progress{height:7px;background:#DCEDE0;border-radius:10px;overflow:hidden;margin:8px 0}.meter-progress>span{background:#23835D;height:100%;display:block;border-radius:10px}.visual-breakdown{padding-top:13px}.visual-breakdown>div{padding:9px 2px;gap:10px;border-bottom:1px solid #EDF2ED}.visual-breakdown>div:last-child{border:0}.visual-breakdown>div>div{flex:1;display:flex;flex-direction:column;line-height:1.4}.visual-breakdown b{font-size:12px}.visual-breakdown small{font-size:10px;color:#798780}.visual-breakdown strong{font-size:12px}.status-dot{border-radius:50%;width:9px;height:9px}.status-dot.green{background:#37A36C}.status-dot.amber{background:#E4A13B}
.trust-strip{background:#F0F6F1;border:1px solid #DCE9DF;border-radius:15px;padding:22px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-strip>div{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.trust-strip b{font-size:20px;font-weight:800;color:var(--forest)}.trust-strip span{font-size:12px;color:#607165}
.section{margin:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:27px}.section-heading>div{max-width:650px}.section-heading h2{font-size:clamp(25px,3vw,34px);line-height:1.55;letter-spacing:-.025em;margin:0}.section-heading>p{max-width:400px;color:var(--dim);line-height:1.95;margin:0;font-size:14px}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.feature-card{padding:24px;border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:var(--shadow)}
.feature-card h3{font-size:17px;margin:18px 0 8px;line-height:1.65}.feature-card p{font-size:13px;margin:0;color:var(--dim);line-height:1.98}
.feature-icon{font-size:14px;font-weight:800;color:#185B42;width:42px;height:42px;background:#EAF5ED;border:1px solid #DBEEE2;border-radius:12px;display:grid;place-items:center;font-family:'Segoe UI',sans-serif}
.how-section{background:var(--forest-deep);padding:40px;border-radius:24px;color:#fff;overflow:hidden}
.how-section .eyebrow{color:#B5E1BF}.how-section h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.steps article{border:1px solid #FFFFFF30;background:#FFFFFF0A;border-radius:14px;padding:22px}.steps h3{font-size:17px;margin:13px 0 9px}.steps p{font-size:13px;color:#D6E6DC;line-height:2;margin:0}.step-index{font-size:16px;font-weight:900;color:var(--gold);width:37px;height:37px;display:grid;place-items:center;background:#FFFFFF14;border-radius:50%}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.audience-grid>div{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}.audience-grid span{font-size:12px;color:#1A8758;font-weight:800}.audience-grid h3{margin:17px 0 9px}.audience-grid p{color:var(--dim);font-size:13px;line-height:2;min-height:78px}.audience-grid a{font-size:13px;font-weight:800}
.pricing-section{background:#F2F7F3;padding:34px;border:1px solid #E2EBE4;border-radius:22px}.cards{gap:18px}.plan{border:1px solid #DBE7DE;padding:29px;box-shadow:none}.plan h3{margin-top:4px}.plan-price{font-size:37px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1.5;letter-spacing:-.05em}.plan-price small{font-size:14px;letter-spacing:0}.plan p{margin-bottom:19px}.plan .button,.plan .outline{width:100%;margin-top:10px}.plan.popular{border:2px solid #1A7651;background:#fff}.ribbon{border-radius:0 0 9px 0;background:var(--forest);font-size:11px}.pricing-note{font-size:12px;margin:18px 0 0;color:#53695D}
.faq-list{max-width:900px}.faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;font-size:15px;font-weight:800;padding:19px 24px 19px 0;position:relative}.faq-list summary::before{content:'+';position:absolute;right:0;top:17px;font-size:22px;color:#1F7852}.faq-list details[open] summary::before{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:0 0 20px;color:var(--dim);font-size:14px;line-height:2}
.callout{margin:70px 0 80px;background:linear-gradient(110deg,#14573A,#0F382A);border-radius:22px;color:#fff;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.callout h2{margin:4px 0 9px;font-size:27px}.callout p{margin:0;color:#D9EADF}.callout .eyebrow{color:#CBE8D5}.callout>a{flex:none}
.inner-hero{padding:70px 0 35px;max-width:820px}.inner-hero h1{font-size:clamp(36px,4.4vw,52px);line-height:1.4;letter-spacing:-.045em;margin:0 0 13px}.inner-hero p{font-size:18px;color:var(--dim);line-height:2}
.help-hero{max-width:900px}.search-label{margin-top:30px;display:block;font-weight:750}.search-label input{margin-top:8px;width:100%;min-height:56px;font-size:16px}
.topic-links{display:flex;gap:9px;flex-wrap:wrap}.topic-links a{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:24px;padding:7px 15px;font-size:13px;font-weight:750}
.help-section{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:105px}.help-section h2{font-size:25px;margin-bottom:14px}.help-section>p{max-width:850px;color:var(--dim)}
.guide-list{counter-reset:step;list-style:none;padding:0;max-width:940px}.guide-list li{display:flex;align-items:flex-start;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.guide-list li:before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:'Segoe UI';width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#E6F4EB;color:#14573A;font-weight:800;flex:none}.guide-list li strong{min-width:205px}.guide-list li span{color:var(--dim);flex:1}
.clean-list{padding-inline-start:20px}.clean-list li{margin:12px 0}.contact-card{max-width:820px;margin-bottom:90px}.contact-mail{font-weight:800;font-size:22px;overflow-wrap:anywhere;direction:ltr;display:inline-block}
.onboarding-note{background:#EEF7F0;border:1px solid #CBE6D5;border-radius:14px;padding:18px 22px;margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.onboarding-note b{color:var(--forest);font-size:15px}.onboarding-note p{color:#526F5D;margin:5px 0 0;font-size:13px}
.heading{margin-top:44px}.heading h1{letter-spacing:-.025em}.heading .eyebrow{margin-bottom:5px}.stats>div,.panel,.propertycard{border-color:var(--line);box-shadow:var(--shadow)}
.stats strong{color:var(--forest);font-weight:850}.status{font-weight:700}
.formgrid label,.stack label{line-height:1.8}input,select,textarea{border-radius:10px;border-color:#C7D6CD;background:#fff;max-width:100%}input:focus,select:focus{outline:3px solid #CAE5CD;border-color:#176443}input::placeholder{color:#87958D}
input[type=file]{border-style:dashed;background:#F8FBF9;cursor:pointer}.check{align-items:flex-start}.check input{margin-top:7px;flex:none}
.auth{margin:50px auto 90px}.auth h1{font-size:31px;line-height:1.5}
.notice{border-color:#D5E9DA;background:#F1F9F3}.bank-details{font-variant-numeric:tabular-nums}
.footer{margin-top:95px;padding:0;background:#F1F6F2;border-top:1px solid #DCE7DF;color:#53695D}.footer-layout{padding:50px 0 40px;display:grid;grid-template-columns:2.3fr 1fr 1fr 1.2fr;gap:40px}.footer-layout>div:not(.footer-about){display:flex;flex-direction:column;gap:8px}.footer-layout a{color:#3C5447;font-size:13px}.footer-layout h3{font-size:13px;color:#1E4736;margin:0 0 9px}.footer-about p{margin:9px 0;font-weight:800;color:#1D6042}.footer-about small{display:block;max-width:385px;font-size:12px;line-height:2}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--forest)!important;font-size:22px!important;font-weight:850}.footer-bottom{border-top:1px solid #D8E6DC;padding:17px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.footer-bottom span{float:none}
.legal{max-width:900px}.legal h2{margin-top:27px}.legal p{font-size:15px;color:#405B4D}
[hidden]{display:none!important}
@media(max-width:1000px){.nav-desktop{gap:14px;font-size:12px}.hero-landing{gap:32px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.footer-layout{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.bar{min-height:69px}.nav-desktop{display:none}.mobile-navigation{display:block}.hero-landing{padding:51px 0 50px;grid-template-columns:1fr;gap:35px}.hero-content h1{font-size:39px}.hero-lead{font-size:16px;line-height:2}.hero-visual{max-width:560px;margin-inline:auto}.trust-strip{padding:14px 9px}.trust-strip b{font-size:16px}.trust-strip span{font-size:10px}.section{margin:56px 0}.section-heading{display:block}.section-heading>p{margin-top:10px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{padding:18px}.feature-card h3{font-size:15px}.how-section{padding:22px 17px;border-radius:16px}.steps{gap:12px}.steps article{padding:17px}.audience-grid{grid-template-columns:1fr}.audience-grid p{min-height:0}.pricing-section{padding:20px 14px}.pricing-section .cards{grid-template-columns:1fr}.faq-list summary{font-size:14px}.callout{padding:28px 24px;flex-direction:column;align-items:stretch}.callout h2{font-size:22px}.callout a{align-self:flex-start}.footer-layout{grid-template-columns:repeat(2,1fr);gap:25px}.footer-about{grid-column:span 2}.footer-bottom{flex-direction:column;align-items:start;gap:6px}.onboarding-note{flex-direction:column;align-items:flex-start}.guide-list li{gap:13px}.guide-list li strong{min-width:0}.guide-list li{flex-wrap:wrap}.guide-list li span{flex-basis:100%;padding-inline-start:52px}.inner-hero{padding:43px 0 25px}.inner-hero h1{font-size:34px}}
@media(max-width:430px){.feature-grid,.steps{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr;gap:12px}.trust-strip>div{flex-direction:row;justify-content:center;gap:9px}.hero-content h1{font-size:34px}.hero-visual{padding:16px}.visual-property strong{font-size:13px}.actions>a{flex:1}.brand-word{font-size:22px}.footer-layout{grid-template-columns:1fr 1fr}.contact-mail{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.meter-progress>span{width:73%}
/* Do not paint untouched required fields red. Use browser-supported user interaction validation. */
input:invalid:not(:placeholder-shown){border-color:#C7D6CD}
input:user-invalid{border-color:#B5474B}
/* HISSAF 0.6 — essential-flow design. All workspace directionality is RTL. */
:root{--ux-ink:#172d29;--ux-muted:#6a7874;--ux-green:#175b48;--ux-green2:#e9f3ee;--ux-edge:#e0e7e3;--ux-paper:#fff;--ux-background:#f7f9f7}
body{background:var(--ux-background);color:var(--ux-ink);font-family:'IBM Plex Sans Arabic','Noto Sans Arabic',Tahoma,'Segoe UI',sans-serif}
.top{background:#fff;box-shadow:none;border-bottom:1px solid var(--ux-edge)}
.brand{display:flex;align-items:center;gap:9px;font-weight:900;color:var(--ux-ink)!important;letter-spacing:-.03em}
.brand img{border-radius:13px}.brand-word{color:var(--ux-ink)!important}.brand-word small{display:block;font-size:10px;letter-spacing:.12em;color:#658278;line-height:1.15;font-weight:650}
.footer{border-top:1px solid var(--ux-edge)}
.ux-page{max-width:1020px;margin:0 auto;padding:25px 0 65px}
.ux-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 26px}
.ux-head h1{font-size:clamp(28px,4vw,39px);font-weight:850;margin:2px 0 1px;line-height:1.4;letter-spacing:-.04em}
.ux-head p{margin:0;color:var(--ux-muted);font-size:14px}.ux-head form{margin:0}
.ux-kicker{display:block;color:var(--ux-green);font-size:12px;font-weight:800;letter-spacing:0}
.ux-breadcrumb{font-size:13px;color:var(--ux-muted);border-bottom:1px solid #ccdcd2}
.ux-link{background:none!important;border:1px solid var(--ux-edge);color:var(--ux-ink);min-width:70px}
.ux-outline{background:#fff;color:var(--ux-green);border:1px solid #bdd2c6;border-radius:12px;padding:10px 16px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer}
.ux-action{text-decoration:none}.ux-outline:hover{background:var(--ux-green2);text-decoration:none}
.ux-banner{display:flex;align-items:center;gap:15px;padding:13px 17px;border:1px solid #c7dfd1;border-radius:13px;background:#eff8f2;margin:18px 0;font-size:14px;flex-wrap:wrap}
.ux-banner span{color:#3c6350}.ux-banner small{color:#557464}.ux-alert{border-color:#f0dbb3;background:#fff9ee}
.ux-section{margin:32px 0}.ux-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.ux-section-title h2{font-size:21px;margin:0;line-height:1.5}.ux-section-title small{font-size:13px;color:var(--ux-muted)}
.ux-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ux-property-card{display:flex;gap:13px;align-items:center;padding:19px 20px;border:1px solid var(--ux-edge);border-radius:15px;background:#fff;color:var(--ux-ink);text-decoration:none;transition:box-shadow .15s,border-color .15s}
.ux-property-card:hover{border-color:#b2c8be;box-shadow:0 8px 24px #193e2710;text-decoration:none}
.ux-property-name{flex:1;min-width:0}.ux-property-name b{display:block;font-size:17px;color:var(--ux-ink)}.ux-property-name small{display:block;font-size:12px;color:var(--ux-muted)}
.ux-building-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#ebf5ee;color:var(--ux-green);font-size:24px}.ux-forward{font-size:22px;color:#4c7b64}
.ux-setup{background:#fff;border:1px solid var(--ux-edge);padding:26px 27px;border-radius:18px;max-width:730px;box-shadow:0 8px 30px #22342c08}
.ux-wizard{max-width:650px}.ux-step-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}.ux-step-title h3{font-size:18px;margin:0}.ux-step-dot{background:var(--ux-green);width:33px;height:33px;color:#fff;border-radius:50%;font-size:14px;font-weight:800;display:grid;place-items:center}
.ux-wizard label,.ux-simple-form label,.ux-share-card label,.ux-scan-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750;margin-bottom:15px}
.ux-wizard input,.ux-wizard select,.ux-simple-form input,.ux-simple-form select,.ux-share-card input,.ux-scan-form input{border:1px solid #d6e1dc;background:#fff;border-radius:10px;font-size:16px;min-height:47px;direction:rtl}
.ux-wizard input:focus,.ux-scan-form input:focus{border-color:var(--ux-green);outline:3px solid #c6e5d7}
.ux-two,.ux-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ux-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ux-next{margin-top:8px;min-width:150px}.ux-step[data-step="2"]{display:block}
.ux-wizard.js-active .ux-step[data-step="2"]{display:none}.ux-wizard.js-active.show-second .ux-step[data-step="1"]{display:none}.ux-wizard.js-active.show-second .ux-step[data-step="2"]{display:block}
.ux-wizard-actions{display:flex;align-items:center;gap:12px;margin-top:10px}
.ux-note,.ux-small-note{font-size:13px;color:var(--ux-muted);margin:9px 0 15px}.ux-small-note{max-width:730px}
.ux-extra{margin:11px 0}.ux-extra summary{cursor:pointer;color:var(--ux-green);font-size:13px;font-weight:700;list-style-position:inside}.ux-extra[open]{padding:7px 0 10px}.ux-extra label{margin:10px 0}
.ux-option{display:flex!important;flex-direction:row!important;align-items:center;gap:11px!important;border:1px solid var(--ux-edge);border-radius:13px;padding:12px 15px;cursor:pointer;margin-bottom:10px!important}
.ux-option:has(input:checked){border-color:#80b49a;background:#f2f9f5}.ux-option input{width:20px;min-height:20px;accent-color:var(--ux-green);margin:0}.ux-option b{display:block;font-size:14px}.ux-option small{display:block;font-size:12px;color:var(--ux-muted);font-weight:400}
.ux-meter-summary{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.ux-meter-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--ux-edge);border-radius:16px;padding:20px}.ux-meter-symbol{height:46px;width:46px;display:grid;place-items:center;background:var(--ux-green2);border-radius:13px;color:var(--ux-green);font-size:26px}.ux-meter-card>div{display:flex;flex-direction:column;gap:2px}.ux-meter-card small{font-size:13px;color:var(--ux-muted)}.ux-meter-card b{font-size:16px}.ux-meter-card span:last-child{font-size:12px;color:var(--ux-muted)}
.ux-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}.ux-action-card{display:flex;align-items:center;gap:13px;background:var(--ux-green);border:1px solid var(--ux-green);color:#fff;padding:21px;border-radius:15px;text-decoration:none}.ux-action-card:nth-child(2){background:#fff;color:var(--ux-ink);border-color:var(--ux-edge)}.ux-action-card:hover{text-decoration:none;filter:brightness(.96)}.ux-action-card>span:nth-child(2){flex:1}.ux-action-card b{display:block}.ux-action-card small{display:block;color:#d9f0e4;font-size:12px;line-height:1.7}.ux-action-card:nth-child(2) small{color:var(--ux-muted)}.ux-action-icon{font-size:25px}
.ux-simple-form{background:#fff;border:1px solid var(--ux-edge);border-radius:16px;padding:24px}.ux-simple-form .ux-extra{border-top:1px solid var(--ux-edge);padding-top:13px}.ux-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.ux-form-bottom span{max-width:510px;font-size:12px;color:var(--ux-muted)}
.ux-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ux-share-card{border:1px solid var(--ux-edge);border-radius:16px;background:#fff;padding:23px}.ux-share-card>b{font-size:19px}.ux-share-card p{font-size:13px;color:var(--ux-muted)}.ux-share-card form button{width:100%}
.ux-invoice-list{margin-top:12px}.ux-invoice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 5px;border-bottom:1px solid var(--ux-edge)}.ux-invoice-row div{display:flex;flex-direction:column}.ux-invoice-row small{color:var(--ux-muted)}.ux-invoice-row form{margin:0}.ux-small-btn{min-height:34px;padding:6px 10px;font-size:12px}
.ux-compact-table{border:1px solid var(--ux-edge);border-radius:14px;overflow:auto;background:#fff}.ux-compact-table table{border-collapse:collapse;width:100%;min-width:360px;margin:0}.ux-compact-table th{background:#f2f6f3;color:#586b60;font-size:12px;text-align:right;font-weight:700;padding:12px 18px}.ux-compact-table td{padding:12px 18px;border-top:1px solid #edf1ee;font-size:14px}.ux-compact-table td small{display:block;color:var(--ux-muted)}.ux-muted{color:var(--ux-muted)}.ux-pending{color:#78877a;font-size:12px}
.ux-advanced{background:#fff;border:1px solid var(--ux-edge);border-radius:14px;padding:16px 19px;margin:18px 0}.ux-advanced summary{font-size:14px;font-weight:750;color:var(--ux-green);cursor:pointer}.ux-advanced[open]>summary{margin-bottom:20px}.ux-advanced .heading{margin:20px 0}.ux-advanced .section{margin:26px 0}.ux-toggle{display:flex!important;flex-direction:row!important;align-items:center}.ux-toggle input{width:21px;min-height:21px;accent-color:var(--ux-green)}
.ux-guard-layout{max-width:690px}.ux-guide-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 18px}.ux-guide-head h2{margin:0;font-size:21px}.ux-guide-head p{margin:2px 0;color:var(--ux-muted);font-size:13px}.ux-guide-head form{display:flex;align-items:end;gap:8px}.ux-compact-label{font-size:11px;color:var(--ux-muted)}.ux-compact-label input{max-width:155px;min-height:42px}
.ux-progress{margin:14px 0 21px}.ux-progress-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.ux-progress-top span{color:var(--ux-muted)}.ux-track{height:8px;background:#e4eee7;border-radius:99px;overflow:hidden}.ux-track span{display:block;height:100%;background:var(--ux-green);border-radius:99px}
.ux-scan-card{background:#fff;border:1px solid var(--ux-edge);border-radius:19px;padding:26px}.ux-scan-card h2{font-size:32px;margin:5px 0 2px}.ux-scan-card>p{color:var(--ux-muted);margin:0 0 19px}
.ux-camera{position:relative;min-height:172px;border:2px dashed #a8c8b6;border-radius:15px;background:#f3f9f5;display:flex!important;align-items:center;justify-content:center;gap:5px!important;text-align:center;cursor:pointer;padding:25px;margin:0 0 13px!important;color:var(--ux-green)}.ux-camera small{font-size:12px;color:var(--ux-muted);font-weight:400}.ux-cam-glyph{font-size:31px;line-height:1.3}.ux-camera input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ux-camera:focus-within{outline:3px solid #b7dbc7}.ux-camera.has-file{border-style:solid;background:#e9f7ee}
.ux-ocr-hint{font-size:13px;color:var(--ux-muted);min-height:18px}.ux-ocr-hint button.ocr-candidate{min-height:36px;color:var(--ux-green);border-color:#a0c7b6;margin:4px}
.ux-value-label input{font-size:24px;text-align:center;font-weight:700;direction:ltr}.ux-full-btn{width:100%;min-height:52px;font-size:16px}.ux-complete,.ux-empty{background:#fff;border:1px solid var(--ux-edge);padding:35px 25px;text-align:center;border-radius:17px}.ux-complete h2,.ux-empty h2{margin:0}.ux-complete p,.ux-empty p{color:var(--ux-muted)}.ux-check{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#e4f5e9;color:#1e7252;font-size:34px;margin:0 auto 18px}.ux-meter-jump{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ux-meter-jump a{border:1px solid #dce9e0;border-radius:8px;padding:9px;font-size:12px}.ux-bill-statement{background:#fff;border:1px solid var(--ux-edge);border-radius:16px;margin:13px 0;overflow:hidden}.ux-statement-top{display:flex;justify-content:space-between;gap:15px;padding:20px}.ux-statement-top div{display:flex;flex-direction:column}.ux-statement-top small{color:var(--ux-muted)}
.ux-landing{max-width:1020px;margin:auto}.ux-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:62px;align-items:center;min-height:500px;padding:75px 0}.ux-hero h1{font-size:clamp(40px,5.8vw,70px);line-height:1.26;letter-spacing:-.05em;margin:14px 0 18px}.ux-hero h1 span{color:var(--ux-green)}.ux-hero p{max-width:550px;font-size:18px;color:#536761;line-height:1.9}.ux-hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.ux-hero>div>small{display:block;margin-top:15px;color:var(--ux-muted)}
.ux-hero-mock{background:#fff;border:1px solid #e2ebe4;border-radius:22px;padding:28px;box-shadow:0 18px 65px #1d49300c}.ux-hero-mock-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--ux-edge)}.ux-hero-mock-head span{font-size:12px;background:#e9f5ec;color:var(--ux-green);border-radius:9px;padding:4px 10px}.ux-hero-mock-total{display:flex;flex-direction:column;padding:25px 0}.ux-hero-mock-total small,.ux-hero-mock-total span{color:var(--ux-muted);font-size:13px}.ux-hero-mock-total strong{font-size:44px;color:var(--ux-green);line-height:1.4}.ux-hero-mock-total em{font-size:15px;font-style:normal}.ux-hero-mock-rows>div{display:flex;justify-content:space-between;border-top:1px solid var(--ux-edge);padding:12px 0;font-size:13px}.ux-hero-mock-rows strong{color:#236e52}
.ux-home-steps{padding:15px 0 50px}.ux-three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ux-three-steps article{background:#fff;border:1px solid var(--ux-edge);padding:25px;border-radius:15px}.ux-three-steps span{font-weight:850;color:var(--ux-green)}.ux-three-steps h3{font-size:19px;margin:9px 0}.ux-three-steps p{font-size:14px;color:var(--ux-muted);margin:0}.ux-home-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--ux-edge);padding:38px 0 26px}.ux-home-bottom h2{font-size:24px;margin:0}.ux-home-bottom p{margin:4px 0;color:var(--ux-muted)}.ux-inline-prices{border-top:1px solid var(--ux-edge);display:flex;gap:15px;flex-wrap:wrap;font-size:12px;padding:16px 0;color:var(--ux-muted)}.ux-inline-prices b{color:var(--ux-ink)}.ux-disclaimer{font-size:11px;color:var(--ux-muted);padding-bottom:35px}
@media (max-width:850px){.ux-hero{grid-template-columns:1fr;gap:20px;padding:46px 0}.ux-hero-mock{max-width:550px}.ux-meter-summary,.ux-main-actions,.ux-share-grid,.ux-properties{grid-template-columns:1fr}.ux-three{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ux-page{padding:10px 0 45px}.ux-head{margin:16px 0 22px}.ux-head h1{font-size:29px}.ux-section{margin:29px 0}.ux-setup,.ux-scan-card{padding:20px 17px}.ux-two,.ux-three,.ux-three-steps{grid-template-columns:1fr}.ux-head .ux-action{font-size:12px;padding:8px 10px}.ux-meter-card{padding:15px}.ux-action-card{padding:18px}.ux-form-bottom{flex-direction:column;align-items:stretch}.ux-form-bottom button{width:100%}.ux-share-card{padding:19px}.ux-guide-head{align-items:flex-start;flex-direction:column}.ux-guide-head form{width:100%}.ux-guide-head form label{flex:1}.ux-compact-label input{max-width:100%}.ux-hero h1{font-size:42px}.ux-hero p{font-size:16px}.ux-hero-mock{padding:20px}.ux-home-bottom{flex-direction:column;align-items:stretch}.ux-wizard-actions button{flex:1}}

.ux-sr-only{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.ux-progress-element{appearance:none;display:block;border:0;width:100%;height:9px;border-radius:20px;overflow:hidden;background:#e3f0e7}
.ux-progress-element::-webkit-progress-bar{background:#e3f0e7;border-radius:20px}.ux-progress-element::-webkit-progress-value{background:#175b48;border-radius:20px}.ux-progress-element::-moz-progress-bar{background:#175b48;border-radius:20px}

.ux-admin-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.ux-admin-numbers>div{background:#fff;border:1px solid var(--ux-edge);border-radius:14px;padding:20px}.ux-admin-numbers small{color:var(--ux-muted);display:block}.ux-admin-numbers strong{font-size:29px}.ux-compact-table form{margin:0}.ux-compact-table .ux-small-btn{font-size:12px}
@media(max-width:650px){.ux-admin-numbers{grid-template-columns:repeat(2,1fr)}}

/* Keep management tasks focused; public site retains its footer. */
body:has(.ux-page) .footer{display:none}
/* HISSAF v0.7 — clarity-first guard workspace, Arabic RTL, accessible touch targets */
:root{--forest:#103A36;--forest-deep:#0B312D;--a:#116A60;--b:#E8F6F2;--bg:#F7FAF9;--ink:#142F2C;--dim:#657A75;--line:#DFE9E6;--focus:#7CBDB1}
.hi{width:20px;height:20px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.brand-word{line-height:1.1}.brand .brand-word{color:#103A36}.top .brand img{filter:drop-shadow(0 2px 4px #103a3612)}
.hs-space{max-width:850px;margin:38px auto 80px;color:var(--ink)}
.hs-header{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:23px}
.hs-header h1{font-size:clamp(25px,4vw,36px);margin:6px 0 0;line-height:1.32;letter-spacing:-.035em}
.hs-eyebrow{color:#548178;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:7px}
.hs-eyebrow .hi{width:16px;height:16px}
.hs-button-light,.hs-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;text-decoration:none;font-size:14px;line-height:1.5;min-height:48px;padding:12px 17px;font-weight:750}
.hs-button-light{background:white;border:1px solid #D5E4DF;color:#1C5148}.hs-button-light:hover{background:#F0F7F4;color:#1C5148;text-decoration:none}
.hs-primary{background:#116A60;color:white;border:1px solid #116A60}.hs-primary:hover{background:#0B564D;color:#fff;text-decoration:none}
.hs-summary{border-radius:21px;background:#103A36;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:25px 29px;margin:20px 0 14px;gap:18px}
.hs-summary .hs-eyebrow{color:#B9E5DC}.hs-summary strong{display:block;font-size:34px;line-height:1.25;font-variant-numeric:tabular-nums}.hs-summary strong span{font-size:15px;color:#D0E5E0;font-weight:500}
.hs-summary p{font-size:13px;color:#D9E9E5;margin:7px 0 0}.hs-ring{width:83px;height:83px;border-radius:50%;background:conic-gradient(#76D7BE var(--done),#3B5E58 0);display:grid;place-items:center;flex:none;position:relative;isolation:isolate}
.hs-ring:before{content:'';position:absolute;inset:7px;background:#103A36;border-radius:50%;z-index:-1}.hs-ring span{font-weight:850;font-size:15px}
.hs-top-actions{display:flex;align-items:center;gap:10px;margin:17px 0 23px;flex-wrap:wrap}.hs-top-actions .hs-primary{flex:1}
.hs-scanner{background:#153D37;border-radius:18px;padding:15px;color:white;margin-bottom:20px;overflow:hidden}.hs-scanner[hidden]{display:none}.hs-scanner video{width:100%;aspect-ratio:4/3;max-height:360px;object-fit:cover;background:#091C1B;border-radius:12px}.hs-scanner [data-scanner-status]{font-size:13px;padding:10px}.hs-scanner .hs-button-light{width:100%}
.hs-saved{background:#E8F6F0;color:#116553;border:1px solid #C3E6D5;border-radius:12px;padding:13px;display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px}
.hs-capture{background:#fff;border:1px solid #D5E6E1;border-radius:20px;padding:22px;margin:24px 0 30px;box-shadow:0 10px 30px #0E48320A;scroll-margin-top:90px}
.hs-capture-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hs-capture-icon{display:grid;place-items:center;background:#E7F4EF;border-radius:12px;width:52px;height:52px;color:#12695C}.hs-capture-icon .hi{width:26px;height:26px}.hs-capture-heading h2{font-size:23px;line-height:1.4;margin:1px 0}.hs-capture-heading p{margin:2px 0;color:#657973;font-size:13px}.hs-number{color:#173A34;font-variant-numeric:tabular-nums}
.hs-close{margin-inline-start:auto;display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:#F1F6F4;color:#38584F}
.hs-reading-form{display:grid;gap:15px}.hs-photo{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;justify-content:center;min-height:160px;border:1.5px dashed #85B7A8;background:#F4FAF7;border-radius:14px;cursor:pointer;padding:17px}
.hs-photo .hi{width:34px;height:34px;color:#147568}.hs-photo b,.hs-photo strong{font-size:15px}.hs-photo small{font-size:12px;color:#637971}.hs-photo input{width:100%;max-width:280px;border:0;background:transparent;min-height:auto;padding:8px;margin-top:5px;font-size:12px}
.hs-photo.has-file{background:#EDFAF3;border-style:solid}.hs-ocr-status{font-size:13px;color:#4C6C63;line-height:1.7}.hs-ocr-status .ocr-candidate{margin:5px 0 5px 7px;font-variant-numeric:tabular-nums}.hs-ocr-success{color:#137459;font-weight:800}.hs-ocr-warning{color:#9A5C20;font-weight:700}
.hs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hs-fields label{font-size:13px;font-weight:750}.hs-fields input{margin-top:6px;direction:ltr;text-align:center;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.hs-fields small{font-weight:400;color:#73867F}
.hs-confirm label{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.hs-confirm input{min-height:20px;width:20px;margin:0;accent-color:#116A60}
.hs-save{width:100%}.hs-read-complete{display:flex;align-items:center;gap:12px;border-radius:11px;padding:18px;background:#EAF8F2}.hs-read-complete>.hi{color:#139366;width:28px;height:28px}.hs-read-complete p{margin:2px 0;font-size:13px}.hs-help-inline{font-size:12px;color:#71847D}
.hs-units{margin-top:25px}.hs-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hs-section-title h2{font-size:21px;margin:0}.hs-month{position:relative;font-size:13px}.hs-month summary{cursor:pointer;display:flex;align-items:center;gap:7px;font-weight:700;padding:10px;color:#376357}.hs-month .hi{width:16px;height:16px}.hs-month form{position:absolute;z-index:3;left:0;min-width:230px;display:grid;gap:10px;padding:12px;background:white;border:1px solid #D6E4DC;border-radius:12px;box-shadow:0 12px 28px #00000014}
.hs-main-meters h3,.hs-apartment-title{font-size:14px;color:#617970;margin:17px 0 10px}.hs-meter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hs-meter-tile{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #DBE7E2;border-radius:13px;padding:13px 15px;color:#173F38;min-width:0}.hs-meter-tile:hover,.hs-unit-row:hover{background:#F8FCFA;text-decoration:none}.hs-meter-tile .hs-type{color:#157C70}.hs-meter-tile span{display:grid;flex:1;min-width:0}.hs-meter-tile small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hs-meter-tile .hs-status{color:#70978B}
.hs-done .hs-status,.hs-service-done .hs-check{color:#188965}.hs-selected{border-color:#169079;background:#EBF8F2}
.hs-apartment-list{display:grid;gap:9px}.hs-unit-row{background:white;border:1px solid #DEE8E4;border-radius:13px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.hs-unit-title{display:flex;align-items:center;gap:11px;min-width:0}.hs-unit-title b{font-size:14px}.hs-unit-mark{border-radius:9px;background:#EFF5F3;color:#346C60;width:36px;height:36px;display:grid;place-items:center}.hs-unit-mark .hi{width:18px;height:18px}
.hs-unit-meters{display:flex;gap:8px;flex-wrap:wrap}.hs-unit-service{border-radius:9px;border:1px solid #E1ECE7;display:flex;align-items:center;gap:7px;padding:9px 11px;background:#F8FBF9;color:#2C6459;min-height:43px;font-size:13px;font-weight:750}.hs-unit-service .hi{width:17px;height:17px}.hs-unit-service .hs-check{width:15px;height:15px;color:#718E84}.hs-service-done{background:#ECF9F2;border-color:#CCECDD}.hs-finished{display:flex;align-items:center;gap:12px;background:#ECF9F2;padding:18px;border-radius:13px;margin-top:18px;color:#197B56}.hs-finished .hi{width:27px;height:27px}.hs-finished span{font-size:12px}
.hs-viewer-intro{color:#637B73;font-size:13px;margin:10px 0 22px}
.hs-label-page{background:#F0F3F1}.hs-print-controls{position:sticky;top:0;z-index:4;background:white;border-bottom:1px solid #DBE8E2;padding:15px 4vw;display:flex;align-items:center;justify-content:space-between}.hs-print-controls small{display:block}.hs-label-sheet{max-width:1020px;margin:22px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 14px}.hs-qr-label{border:1px solid #D3DDD8;background:#fff;border-radius:13px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:5px;break-inside:avoid;color:#0B3932}.hs-label-brand{align-self:stretch;display:flex;align-items:center;gap:7px;font-weight:850;font-size:14px}.hs-qr-label>strong{font-size:20px}.hs-label-kind{font-size:13px;color:#537569}.hs-qr-picture{width:170px;height:170px;object-fit:contain}.hs-qr-number{font-size:12px}.hs-qr-number b{font-size:14px}.hs-qr-label>small{font-size:11px}
@media(max-width:620px){.hs-space{margin:20px auto 60px}.hs-header{align-items:flex-start}.hs-header .hs-button-light{padding:11px;min-width:42px;font-size:12px}.hs-summary{padding:20px}.hs-ring{width:72px;height:72px}.hs-summary strong{font-size:30px}.hs-meter-grid{grid-template-columns:1fr 1fr}.hs-unit-row{align-items:flex-start;flex-direction:column}.hs-unit-meters{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.hs-unit-service{justify-content:center}.hs-fields{grid-template-columns:1fr}.hs-label-sheet{grid-template-columns:repeat(2,1fr)}.hs-print-controls{padding:12px}}
@media print{.hs-print-controls{display:none!important}.hs-label-page{background:white}.hs-label-sheet{grid-template-columns:repeat(3,1fr);margin:0;padding:0;gap:7mm}.hs-qr-label{border:1px solid #555;border-radius:4mm;padding:3mm;page-break-inside:avoid}.hs-qr-picture{width:35mm;height:35mm}.hs-qr-label>strong{font-size:16pt}}
/* Shared PIN-protected workspaces intentionally have no marketing chrome. */
.hs-share-guest .top,.hs-share-guest .footer{display:none}
.hs-share-guest .main-content{padding-top:22px}
.hs-compact-brand{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.01em;font-weight:900;margin-bottom:25px;color:#103A36}
.hs-share-guest .auth{margin-top:20px}
.hs-share-guest .auth .hs-compact-brand{margin-bottom:15px}
/* HISSAF v0.8 product cockpit — reduce the number of daily decisions. */
.product-shell{--p:#103a36;--p2:#126f62;--txt:#19372f;--sub:#627870;--border:#dce8e2;max-width:1030px;margin:26px auto 64px;color:var(--txt);font-size:15px;line-height:1.65}
.product-shell h1,.product-shell h2,.product-shell h3,.product-shell p{margin-top:0}.product-shell h1{font-size:clamp(25px,3.5vw,36px);font-weight:850;margin:4px 0}.product-shell h2{font-size:clamp(19px,2.5vw,23px);font-weight:800;margin:0}.product-shell h3{font-size:16px;margin:0}.product-shell a{text-decoration:none}.product-shell a:hover{text-decoration:underline}
.product-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.product-heading p{color:var(--sub);margin:1px 0}.product-kicker{font-size:12px;font-weight:850;color:#51837a}.product-back{color:#386f64;font-size:13px;font-weight:800}.product-quiet{background:#fff;border:1px solid var(--border);color:#2b655b;padding:10px 15px;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;min-height:44px;font-weight:750}
.product-block{background:#fff;border:1px solid var(--border);border-radius:21px;padding:clamp(17px,3vw,27px);margin:17px 0;box-shadow:0 5px 16px rgba(12,61,48,.025)}.product-block .product-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.product-section-heading>span,.product-section-heading small{font-size:12px;color:var(--sub)}.product-section-heading .product-kicker{display:block}.product-notice{padding:13px 18px;border-radius:12px;background:#eef8f4;color:#176b59;font-weight:750}.product-caution{background:#fff7e9;color:#795823}.product-notice a{text-decoration:underline}
.product-property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.product-building{display:flex;gap:15px;align-items:center;color:var(--txt);padding:17px;border:1px solid var(--border);border-radius:14px;min-width:0}.product-building:hover{background:#f6fbf8;text-decoration:none!important}.product-building-icon,.product-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#edf7f3;border-radius:13px;color:#157264}.product-building strong,.product-building small{display:block}.product-building small{color:var(--sub);font-size:12px}.product-go{margin-inline-start:auto;color:#2a8070}.product-subheading{margin:7px 0 24px;color:var(--sub)}
.product-create-form{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:end}.product-field,.product-invoice-fields label,.product-extra-fields label,.product-share-issued>label{display:grid;gap:6px;font-size:13px;font-weight:750}.product-shell input:not([type=radio]):not([type=checkbox]),.product-shell select,.product-shell textarea{border:1px solid #d0e2da;border-radius:11px;background:white;padding:11px 13px;width:100%;max-width:100%;min-height:46px;color:var(--txt);font-size:15px}.product-shell input:focus-visible,.product-shell select:focus-visible,.product-shell textarea:focus-visible,.product-shell button:focus-visible,.product-shell a:focus-visible{outline:3px solid #83c6ba;outline-offset:2px}.product-mode{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;border:0;padding:0;margin:0}.product-mode legend{font-size:13px;font-weight:750;margin-bottom:8px}.product-mode label{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:13px;padding:13px;cursor:pointer}.product-mode label:has(input:checked){border-color:#24836d;background:#effaf4}.product-mode input{accent-color:#137461;width:18px;height:18px}.product-mode small{font-size:12px;color:var(--sub);display:block}.product-main-button{background:#126c5d!important;color:white!important;border:1px solid #126c5d!important;border-radius:12px;min-height:48px;padding:10px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;text-decoration:none!important;cursor:pointer}.product-create .product-main-button{grid-column:1/-1}.product-main-button:hover{background:#0a564a!important}.product-more{margin:13px 0 0;grid-column:1/-1}.product-more>summary{font-weight:750;cursor:pointer;color:#3a756a;font-size:13px;padding:8px 0}.product-extra-fields{padding:15px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px}.product-footnote{font-size:12px;color:var(--sub);margin:15px 0 0}.product-footnote a{text-decoration:underline}.product-count{font-size:22px;font-variant-numeric:tabular-nums;color:#175d51}.product-count small{font-size:12px;color:var(--sub)}
.product-next{background:#103a36;color:white;border-radius:20px;padding:22px;display:flex;align-items:center;gap:19px}.product-next .product-kicker{color:#9ad8c9}.product-next h2{font-size:22px;margin:0}.product-next p{font-size:13px;color:#d6eee8;margin:2px 0}.product-next-icon{background:#266456;display:grid;place-items:center;width:47px;height:47px;border-radius:13px;flex:none}.product-next-icon .hi{width:25px;height:25px}.product-next-link{background:white;color:#115d50;border-radius:11px;padding:11px 13px;font-weight:800;margin-inline-start:auto;white-space:nowrap}.product-progress{height:10px;border-radius:20px;background:#e6eee9;overflow:hidden}.product-progress>div{height:100%;background:#2b9a79;border-radius:20px;transition:width .2s}
.product-share-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-share-card{border:1px solid var(--border);border-radius:15px;padding:18px}.product-share-head{display:flex;gap:12px;align-items:center;margin-bottom:17px}.product-share-head small{font-size:12px;color:var(--sub)}.product-share-card button{width:100%;border:1px solid #b6dacd;border-radius:11px;padding:11px;background:#eef7f3;color:#125b4f;min-height:47px;font-size:13px;font-weight:850}.product-share-card button:disabled{opacity:.5;cursor:not-allowed}.product-link-status{display:block;color:#178463;font-size:12px;margin-top:8px}.product-warning{color:#92642f;font-size:12px;margin:13px 0 0}.product-invoice-fields{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:13px}.product-invoice-form>.product-main-button{width:100%;margin:17px 0 0}.product-bill{border:1px solid var(--border);border-radius:14px;padding:17px;margin-top:12px}.product-bill-heading,.product-bill-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.product-bill-heading small{display:block;color:var(--sub);font-size:12px}.product-bill-meta{background:#f7faf8;padding:10px 12px;border-radius:10px;color:var(--sub);font-size:12px;margin-top:13px}.product-table-wrap{overflow-x:auto}.product-table-wrap table{width:100%;border-collapse:collapse;margin-top:8px}.product-table-wrap th,.product-table-wrap td{text-align:right;border-bottom:1px solid #e5eee9;padding:9px 12px;font-size:12px}.product-ack{display:flex;align-items:flex-start;gap:10px;margin:12px 0;color:#714e28;font-size:13px}.product-ack input{width:19px;height:19px;flex:none}.product-approve button{border-radius:10px;background:#126c5d;color:white;padding:11px 17px;width:100%;margin-top:10px}.product-empty{color:var(--sub);font-size:14px;margin:10px 0}.product-admin-details{border:1px dashed #cbded6;border-radius:15px;padding:12px 17px}.product-admin-details>summary{font-size:14px}.product-share-issued{max-width:620px;background:white;border:1px solid var(--border);padding:33px;border-radius:20px}.product-success-mark{width:52px;height:52px;background:#dcf6e8;color:#13845d;border-radius:50%;display:grid;place-items:center;font-size:28px;margin:14px 0}.product-share-issued h1{font-size:28px}.product-share-issued>p{color:var(--sub)}.product-share-issued>label{margin:13px 0}.product-share-buttons{display:flex;gap:12px}.product-share-followup{padding:17px;background:#f2f8f4;border-radius:13px;margin:22px 0}.product-share-followup h2{margin:0}.product-share-followup p{font-size:13px;color:var(--sub)}
body:has(.product-shell) .footer{display:none}
@media(max-width:700px){.product-heading{align-items:flex-start}.product-shell{margin:17px auto 45px}.product-share-cards{grid-template-columns:1fr}.product-invoice-fields{grid-template-columns:1fr}.product-next{align-items:flex-start;flex-wrap:wrap}.product-next-link{width:100%;text-align:center;margin-inline-start:0}.product-create-form{grid-template-columns:1fr}.product-mode{grid-template-columns:1fr}.product-share-issued{padding:18px}.product-share-buttons{flex-wrap:wrap}}
.product-quiet{white-space:nowrap}
@media(max-width:450px){.product-heading{gap:8px}.product-shell h1{font-size:26px}.product-quiet{font-size:12px;padding:8px 10px}}