@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";:root{--navy: #071a2d;--navy-2: #0e2a43;--ink: #101d31;--gold: #d9ad47;--gold-2: #c49435;--paper: #f8f6f1;--white: #ffffff;--soft: #f1eee8;--line: rgba(7, 26, 45, .12);--muted: #687385;--success: #14745a;--danger: #a9423a;font-family:Tajawal,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Tajawal,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(180deg,#fffffffa,#f8f6f1fa),radial-gradient(circle at 58% 21%,rgba(217,173,71,.12),transparent 29%);min-height:100vh;overflow-x:hidden}.topbar{align-items:center;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,173,71,.22);display:flex;gap:20px;justify-content:space-between;padding:14px clamp(18px,4vw,48px);position:sticky;top:0;z-index:10}.brand{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;border:2px solid var(--gold);color:var(--gold-2);display:grid;font-size:20px;font-weight:900;height:42px;place-items:center;width:42px}.brand-name{color:var(--navy);font-size:32px;font-weight:900;line-height:.95}.brand-name:first-letter{color:var(--gold)}.brand-subtitle{color:var(--ink);display:block;font-size:12px;font-weight:700;margin-top:3px}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.nav button,.ghost-button,.icon-button{align-items:center;background:transparent;border:1px solid transparent;color:var(--ink);display:inline-flex;gap:8px;justify-content:center}.nav button{border-radius:999px;font-weight:800;padding:9px 13px}.nav button.active,.nav button:hover{background:var(--navy);color:var(--white)}.primary-button,.gold-button,.dark-button{align-items:center;border:0;border-radius:10px;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:44px;padding:11px 18px}.primary-button{background:var(--navy);color:var(--white)}.dark-button{background:var(--navy-2);color:var(--white)}.gold-button{background:linear-gradient(180deg,#f0cc73,var(--gold-2));color:var(--navy)}.ghost-button{border-color:#071a2d29;border-radius:10px;min-height:44px;padding:10px 14px}.section{padding:42px clamp(18px,4vw,48px)}.compact-section{padding-top:18px}.hero{background:linear-gradient(180deg,#fffffff2,#ffffffb8 58%,#f8f6f1fa),url(/assets/novaar-customer.jpg) center 18% / cover;min-height:calc(100vh - 72px);padding:34px clamp(18px,4vw,48px) 22px;position:relative}.hero:after{background:linear-gradient(90deg,transparent,rgba(7,26,45,.05),transparent);bottom:80px;content:"";height:1px;left:8%;position:absolute;right:8%}.hero-grid{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);min-height:520px}.hero-device{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:490px}.logo-lockup{margin-bottom:12px;max-width:420px}.logo-lockup strong{color:var(--navy);display:block;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:.9}.logo-lockup strong:first-letter{color:var(--gold)}.logo-lockup span{color:var(--ink);display:block;font-size:15px;font-weight:800;margin-top:8px}.hero-device img{aspect-ratio:4 / 5;border:1px solid rgba(7,26,45,.08);border-radius:26px;box-shadow:0 28px 58px #071a2d29;max-height:470px;object-fit:cover;object-position:left center;width:min(100%,410px)}.hero-copy-panel{text-align:center}.eyebrow{color:var(--navy);display:block;font-size:26px;font-weight:900;margin-bottom:4px}.hero h1,.section-title h2{color:var(--navy);font-size:clamp(38px,5.4vw,78px);font-weight:900;line-height:1.18;margin:0}.hero h1 span,.gold-text{color:var(--navy)}.hero-brand-line{align-items:center;color:var(--navy);display:flex;gap:20px;justify-content:center;margin:20px auto 16px}.hero-brand-line strong{font-size:clamp(42px,5.5vw,82px);font-weight:900}.hero-brand-line strong:first-letter{color:var(--gold)}.hero-brand-line span{background:var(--gold);height:2px;width:72px}.hero-ribbon{background:linear-gradient(180deg,#eac467,var(--gold-2));border-radius:999px;color:var(--white);display:inline-flex;font-size:clamp(18px,2.5vw,28px);font-weight:900;margin-bottom:18px;padding:10px 34px}.hero-copy{color:var(--muted);font-size:20px;line-height:1.8;margin:18px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:14px 0 0}.search-panel{background:#ffffffeb;border:1px solid rgba(217,173,71,.28);border-radius:999px;box-shadow:0 16px 34px #071a2d14;display:grid;gap:10px;grid-template-columns:1fr auto;margin:0 auto;max-width:640px;padding:8px}.search-panel input,.field input,.field select,.field textarea{background:var(--white);border:1px solid rgba(7,26,45,.13);border-radius:10px;color:var(--ink);min-height:44px;padding:12px 14px;width:100%}.search-panel input{border:0;border-radius:999px;padding-inline:18px}.hero-card{display:none}.hero-benefits{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(150px,1fr));margin:12px auto 0;max-width:1020px;position:relative;z-index:1}.hero-benefits article{align-items:center;display:grid;gap:8px;justify-items:center;text-align:center}.hero-benefits article div,.category-icon,.feature-icon,.category-thumb{align-items:center;background:#ffffffe0;border:1px solid rgba(217,173,71,.5);border-radius:50%;color:var(--navy);display:grid;height:82px;place-items:center;width:82px}.hero-benefits strong{color:var(--navy);font-size:18px;font-weight:900}.hero-benefits span{color:var(--ink);font-size:14px;font-weight:700}.metrics{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:18px}.light-metrics{margin-inline:auto;max-width:660px}.metric{background:#ffffffc2;border:1px solid rgba(217,173,71,.24);border-radius:10px;padding:12px;text-align:center}.metric strong{color:var(--gold-2);display:block;font-size:26px;font-weight:900}.metric span{color:var(--muted);font-size:13px;font-weight:800}.section-title{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.section-title h2{color:var(--navy);font-size:clamp(28px,3.5vw,46px)}.section-title p{color:var(--muted);line-height:1.7;margin:8px 0 0;max-width:680px}.pill-title{background:var(--navy);border-radius:999px;color:var(--white);font-size:22px;font-weight:900;margin:0 auto 18px;padding:9px 32px;text-align:center;width:fit-content}.category-grid,.service-grid,.vendor-grid,.dashboard-grid,.steps-grid,.plan-grid,.stats-grid,.form-grid,.mini-grid{display:grid;gap:14px}.service-strip{background:#ffffffc7;border:1px solid rgba(217,173,71,.28);border-radius:18px;grid-template-columns:repeat(7,minmax(116px,1fr));padding:18px}.category-card,.service-card,.vendor-card,.panel,.step-card,.plan-card{background:#ffffffeb;border:1px solid rgba(7,26,45,.1);border-radius:12px}.category-card{align-items:center;display:grid;gap:10px;justify-items:center;min-height:142px;padding:12px;text-align:center}.category-thumb{background:#f7f7f5;border-radius:12px;height:82px;width:100%}.category-card h3,.service-card h3,.vendor-card h3,.panel h3,.plan-card h3,.step-card h3{color:var(--navy);font-size:19px;margin:0 0 8px}.category-card p,.service-card p,.vendor-card p,.step-card p,.plan-card li{color:var(--muted);line-height:1.65;margin:0}.catalog-section{padding-top:24px}.catalog-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 320px}.service-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}.service-card{box-shadow:0 16px 36px #071a2d14;overflow:hidden}.service-visual{align-items:center;background:linear-gradient(135deg,#071a2dd6,#d9ad4759),url(/assets/novaar-customer.jpg) center / cover;color:var(--white);display:flex;height:128px;justify-content:space-between;padding:16px}.service-card:nth-child(2n) .service-visual{background:linear-gradient(135deg,#071a2ddb,#d9ad4773),url(/assets/novaar-vendors.jpg) center / cover}.service-body{padding:16px}.meta-row{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:10px;margin:10px 0 14px}.price-row{align-items:center;display:flex;justify-content:space-between}.price{color:var(--gold-2);font-size:22px;font-weight:900}.track-card{align-content:center;background:var(--navy);border:2px solid var(--gold);border-radius:18px;color:var(--white);display:grid;gap:16px;min-height:420px;padding:28px;text-align:center}.track-card svg{color:var(--white);justify-self:center}.track-card h3{color:var(--white);font-size:32px;line-height:1.35;margin:0}.track-card p{color:#fffc;font-size:18px;margin:0}.vendor-grid{grid-template-columns:repeat(4,minmax(210px,1fr))}.vendor-card,.panel,.step-card,.plan-card{padding:20px}.badge{background:#d9ad4729;border:1px solid rgba(217,173,71,.38);border-radius:999px;color:var(--gold-2);display:inline-flex;font-size:12px;font-weight:900;padding:6px 10px}.workflow-section{padding-top:16px}.steps-grid{background:#ffffffc7;border:1px solid rgba(217,173,71,.28);border-radius:18px;grid-template-columns:repeat(6,minmax(130px,1fr));padding:22px}.step-card{background:transparent;border:0;min-height:160px;padding:10px;position:relative;text-align:center}.step-card:after{color:var(--navy);content:"+";font-size:28px;font-weight:900;left:-12px;position:absolute;top:42px}.step-card:first-child:after{display:none}.feature-icon{background:transparent;border:0;color:var(--navy);height:58px;margin:0 auto 8px;width:58px}.step-number{align-items:center;background:var(--gold);border-radius:50%;color:var(--navy);display:grid;font-weight:900;height:24px;margin:-8px auto 8px;place-items:center;width:24px}.landing-footer{background:var(--navy);border-radius:12px;color:var(--white);display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:26px;padding:18px}.landing-footer div{align-items:center;display:grid;gap:4px;grid-template-columns:auto 1fr}.landing-footer svg{color:var(--gold);grid-row:span 2}.landing-footer strong{color:var(--gold)}.landing-footer span{color:#ffffffd1}.dashboard{background:linear-gradient(180deg,#fffffff0,#f8f6f1f0),url(/assets/novaar-customer.jpg) center / cover fixed}.dashboard-grid{grid-template-columns:1.1fr .9fr}.panel{box-shadow:0 18px 42px #071a2d14}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat{background:var(--white);border:1px solid rgba(217,173,71,.28);border-radius:12px;padding:16px}.stat strong{color:var(--navy);display:block;font-size:28px;font-weight:900}.stat span{color:var(--muted)}.form-grid{grid-template-columns:repeat(2,1fr)}.field.full{grid-column:1 / -1}.field label{color:var(--navy);display:block;font-weight:900;margin-bottom:7px}.field textarea{margin-top:8px}.orders-list{display:grid;gap:10px}.order-row{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:14px}.order-row strong{color:var(--navy)}.status{border-radius:999px;color:var(--white);display:inline-flex;font-size:12px;font-weight:900;padding:6px 10px}.status.new,.status.accepted{background:var(--gold-2)}.status.in_production,.status.ready,.status.out_for_delivery{background:var(--navy)}.status.completed{background:var(--success)}.status.cancelled{background:var(--danger)}.plan-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.admin-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(220px,1fr));margin-top:18px}.admin-grid.wide{grid-template-columns:repeat(2,minmax(280px,1fr))}.single-admin-page{grid-template-columns:1fr}.admin-tabs{background:#ffffffdb;border:1px solid rgba(217,173,71,.26);border-radius:14px;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:10px}.admin-tabs button{align-items:center;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--navy);display:inline-flex;font-weight:900;gap:8px;min-height:42px;padding:9px 14px}.admin-tabs button.active,.admin-tabs button:hover{background:var(--navy);color:var(--white)}.admin-toolbar{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) minmax(130px,.45fr) auto auto;margin:0 0 14px}.admin-toolbar input,.admin-toolbar select,.order-row select{background:var(--white);border:1px solid rgba(7,26,45,.13);border-radius:10px;color:var(--ink);min-height:42px;padding:9px 12px}.management-cards{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(220px,1fr))}.management-cards .order-row{align-content:space-between;grid-template-columns:1fr;min-height:170px}.customer-console{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(220px,1fr));margin-top:18px}.quick-actions,.suggested-services{display:grid;gap:10px}.profile-grid{display:grid;gap:8px 12px;grid-template-columns:auto 1fr}.profile-grid span{color:var(--muted);font-weight:800}.profile-grid strong,.latest-order strong{color:var(--navy);overflow-wrap:anywhere}.latest-order{display:grid;gap:10px}.latest-order p{color:var(--muted);margin:0}.suggested-services button{background:var(--white);border:1px solid rgba(217,173,71,.32);border-radius:12px;color:var(--navy);display:flex;justify-content:space-between;padding:12px;text-align:start}.suggested-services span{color:var(--gold-2);font-weight:900}.check-row{align-items:center;color:var(--navy);display:flex;font-weight:900;gap:8px}.check-row input{accent-color:var(--gold-2);height:18px;width:18px}.compact-stats{grid-template-columns:repeat(2,minmax(140px,1fr))}.report-list{display:grid;gap:10px}.report-row{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;padding:12px 14px}.report-row span{color:var(--ink);font-weight:800}.report-row strong{color:var(--gold-2);font-size:22px;font-weight:900}.auth-tabs{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.admin-table{display:grid;gap:8px}.admin-row{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(90px,1fr));padding:12px}.admin-row span{color:var(--ink);overflow-wrap:anywhere}.plan-card.highlighted{background:var(--navy);color:var(--white)}.plan-card.highlighted h3,.plan-card.highlighted li{color:var(--white)}.toast{background:var(--navy);border:1px solid rgba(217,173,71,.45);border-radius:10px;bottom:18px;color:var(--white);font-weight:900;left:18px;padding:14px 18px;position:fixed;z-index:20}@media(max-width:1120px){.hero-grid,.dashboard-grid,.catalog-layout{grid-template-columns:1fr}.hero-device{align-items:center;min-height:auto;order:2}.hero-copy-panel{order:1}.hero-benefits,.service-strip,.steps-grid{grid-template-columns:repeat(3,1fr)}.service-grid,.vendor-grid,.admin-grid,.admin-grid.wide,.customer-console{grid-template-columns:repeat(2,1fr)}.single-admin-page{grid-template-columns:1fr}.admin-toolbar{grid-template-columns:1fr 1fr}.track-card{min-height:auto}}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.hero{min-height:auto;padding-top:24px}.hero-grid{min-height:auto}.hero h1{font-size:38px}.hero-ribbon{border-radius:12px;font-size:18px}.hero-brand-line span{width:42px}.search-panel,.form-grid,.stats-grid,.hero-benefits,.service-strip,.service-grid,.vendor-grid,.steps-grid,.plan-grid,.admin-grid,.admin-grid.wide,.compact-stats,.admin-row,.admin-toolbar,.management-cards,.customer-console,.landing-footer,.metrics{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.order-row{grid-template-columns:1fr}.step-card:after{display:none}}