@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("assets/ui-fonts/IBMPlexSansArabic-Regular.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("assets/ui-fonts/IBMPlexSansArabic-Medium.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("assets/ui-fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("assets/ui-fonts/IBMPlexSansArabic-Bold.woff2") format("woff2")}
/* Interface tokens adapted from the supplied operating-platform reference. */
:root{--ui-primary:hsl(164 36% 44%);--ui-primary-dark:hsl(167 37% 35%);--ui-tint:hsl(165 44% 96.5%);--ui-border:#e9e9e9;--ui-text:#262626;--ui-muted:#737373;--ui-bg:#fafafa}
body{background:var(--ui-bg);color:var(--ui-text);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;font-size:14px}
.sidebar{width:220px;background:#fafafa;border-color:var(--ui-border);padding:26px 16px}
.brand{width:112px;margin-bottom:32px}.workspace{margin-right:220px}.workspace-label{font-size:12px;letter-spacing:0;color:var(--ui-muted);margin:0 12px 12px}.nav{font-size:14px;padding:11px 12px;border-radius:10px;font-weight:500}.nav.active{color:#262626;background:#eee;box-shadow:0 0 0 2px #cadbd5;border:1px solid #fff}.nav svg{width:19px;height:19px;flex-shrink:0}.side-bottom{font-size:11px;right:20px;color:var(--ui-muted)}.side-bottom small{font-size:10px;color:#888}.dot,.live-dot{background:var(--ui-primary)}
.topbar{height:64px;padding:0 30px;background:#fafafa;border-color:var(--ui-border);font-size:13px;color:var(--ui-muted)}.topbar strong{color:var(--ui-text);font-weight:500}.internal{border-color:var(--ui-border);background:#fff;color:#525252;border-radius:8px;font-size:12px;padding:6px 12px}
main{padding:28px 28px 12px;background:#fff;border:1px solid var(--ui-border);border-radius:16px 16px 0 0;min-height:calc(100vh - 64px);margin-left:8px}.heading{margin-bottom:24px}.eyebrow{color:var(--ui-primary-dark);font-size:12px;margin-bottom:6px}h1{color:#171717;font-size:28px;letter-spacing:0;line-height:1.5}.heading p{color:var(--ui-muted);font-size:13px;margin-top:8px}.btn{border-radius:8px;border-color:#e0e0e0;color:#404040;padding:11px 18px;font-size:13px;font-weight:500}.btn.primary{background:var(--ui-primary);border-color:var(--ui-primary);box-shadow:0 1px 2px #0000000d}.btn.primary:hover{background:var(--ui-primary-dark)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#a7cfc3}.btn b{border:0;font-size:16px}
.toolbar{border:1px solid var(--ui-border);border-radius:10px;padding:10px 12px;background:#fafafa;font-size:12px;margin-bottom:24px}.draft-state{color:var(--ui-muted)}.text-btn{color:var(--ui-primary-dark);font-size:12px;border-radius:6px}.text-btn:hover{background:var(--ui-tint)}.text-btn span{background:#eee;color:#525252}.layout{gap:24px;grid-template-columns:minmax(350px,1fr) minmax(350px,1.1fr)}
.card{border-color:var(--ui-border);border-radius:14px;padding:24px;box-shadow:0 1px 2px #00000008;margin-bottom:20px}.section-head{margin-bottom:22px;gap:12px;align-items:center}.step{border:0;background:#f5f5f5;color:var(--ui-primary-dark);border-radius:10px;width:38px;height:38px;font-size:12px}h2{font-size:17px;font-weight:600;color:#262626}.section-head p{font-size:12px;color:#858585;margin-top:4px}
label{color:#525252;font-size:13px;gap:8px}em{color:#ed5271}input,select,textarea{background:#fff;border-color:#e2e2e2;color:#262626;border-radius:8px;font-size:13px}input,select{height:44px}input:focus,select:focus,textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px #e2f0eb}input::placeholder,textarea::placeholder{color:#a3a3a3}input[type=date]{font-family:inherit;font-size:13px}input[readonly]{background:#f7f7f7;color:#525252}.helper,.scope-field small{color:#858585;font-size:12px}.formula{background:var(--ui-tint);color:var(--ui-primary-dark);font-size:12px;border:1px solid #e2efea;border-radius:8px}
summary{font-size:13px;color:#404040}details,.service,.addon{border-color:var(--ui-border)}.service-list{color:#525252;font-size:13px}.official-service textarea,.service textarea,.extra input{font-size:12px}.official-service input,.service input[type=checkbox],.check-line input{accent-color:var(--ui-primary)}.addon .check-line{color:#404040;font-size:13px}.addon .badge{background:var(--ui-tint);color:var(--ui-primary-dark);font-size:11px;border-radius:6px}.add-btn{background:#fff;border-color:#d4d4d4;color:var(--ui-primary-dark);font-size:12px}.reception-box{background:#fafafa;border-color:var(--ui-border);border-radius:10px}.reception-box h3{font-size:14px;color:#262626}.business-badge{color:var(--ui-primary-dark)}
.price-summary{background:#fafafa;border:1px solid var(--ui-border);border-radius:10px;padding:16px}.price-summary>div,#lineSummary>div{font-size:12px;color:#737373}.price-summary strong{color:#404040}.price-summary .grand{color:#262626;border-color:#e5e5e5;font-size:13px;padding-top:16px}.price-summary .grand strong{font-size:22px;color:var(--ui-primary-dark)}#lineSummary{border-color:var(--ui-border)}
.preview-heading{color:#737373;font-size:12px}.preview-heading strong{font-size:14px;font-weight:500;color:#404040}.preview-heading>span{font-family:inherit;color:#858585}.live-dot{box-shadow:0 0 0 3px #e9f4ef}.paper-stage{background:#f4f4f5;border-color:#e7e7e7;border-radius:12px;padding:20px}.paper-stage canvas{box-shadow:0 2px 8px #0000000d}.preview-bottom{font-size:11px;color:#858585;gap:10px;flex-wrap:wrap}.preview-bottom .text-btn{font-size:12px}.ready-card{background:#fff;border-color:var(--ui-border);border-radius:12px;box-shadow:0 1px 2px #00000006}.file-icon{background:var(--ui-tint);color:var(--ui-primary-dark);border:0;border-radius:10px;padding:13px 10px}.ready-card strong{font-size:13px;color:#404040}.ready-card p,.local-note{font-size:11px;color:#858585}.local-note{line-height:1.8}footer{color:#858585;font-size:11px}
dialog{font-family:inherit;background:#fff;border-color:var(--ui-border);color:#262626;border-radius:14px}dialog::backdrop{background:#17171760}.draft-row{border-color:var(--ui-border)}.draft-row small{color:#858585}.toast{background:#262626}#downloadReady{background:var(--ui-tint);border-color:#d1e5dd;font-size:13px}#downloadReady a{color:var(--ui-primary-dark)}
@media(min-width:1500px){.layout{grid-template-columns:480px 1fr}.paper-stage{padding:30px 55px}}
@media(max-width:1120px){.sidebar{width:175px;padding:24px 12px}.workspace{margin-right:175px}.layout{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:18px}main{padding:24px 20px}.card{padding:20px}.side-bottom{right:12px;font-size:10px}.paper-stage{padding:12px}}
@media(max-width:950px){.sidebar{width:160px}.workspace{margin-right:160px}.layout{grid-template-columns:minmax(0,1fr)}.preview-column{position:static}.paper-stage{max-height:850px}.ready-card{display:flex}}
@media(max-width:850px){.sidebar{display:none}.workspace{margin:0}}
@media(max-width:680px){main{padding:22px 14px;margin:0;border-radius:12px 12px 0 0}.topbar{height:56px;padding:0 16px;font-size:12px}.heading h1{font-size:25px}.heading p{font-size:12px}.toolbar{padding:12px}.toolbar>div:last-child{justify-content:flex-start;gap:2px}.text-btn{padding:8px}.card{padding:18px}.section-head p{line-height:1.8}.paper-stage{max-height:none}.price-summary .grand{flex-wrap:wrap}.preview-bottom{font-size:10px}.fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.internal{font-size:11px}}