:root{--navy:#0f2a44;--navy-2:#173b5e;--gold:#d4a24c;--gold-ink:#7a5a1e;--ink:#1a2433;--muted:#5b6878;--line:#dce2ea;--bg:#f3f5f8;--card:#fff;--soft:#f2f5f9;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic",Tahoma,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0}html{color-scheme:light}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}header.top{background:linear-gradient(135deg,#0f2a44,#173b5e);color:#fff;padding:max(18px,env(safe-area-inset-top)) 16px 20px;border-bottom:4px solid var(--gold)}.top-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px}.top h1{margin:0;font-size:20px;font-weight:800;letter-spacing:.2px}.top p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#c9d4e0;max-width:60ch}.h1-sub{color:var(--gold);font-weight:700}main{max-width:1100px;margin:0 auto;padding:16px 16px 24px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr)}@media (min-width:980px){main{grid-template-columns:420px minmax(0,1fr);align-items:start}.preview-col{position:-webkit-sticky;position:sticky;top:16px}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.card h2{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.row2,.stack{display:grid;grid-gap:12px;gap:12px}.row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}label small{font-weight:500;color:var(--muted)}input,textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #c7d0db;border-radius:10px;padding:11px 12px;min-height:44px;width:100%}textarea{min-height:70px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.line{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-gap:10px;gap:10px;background:var(--soft)}.line-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--navy)}button{font:inherit;cursor:pointer;min-height:44px;border-radius:10px;padding:0 16px;font-weight:700;font-size:15px}.btn-ghost{background:#fff;border:1px dashed #9aa8b8;color:var(--navy)}.btn-x{background:transparent;border:0;color:#9b2c2c;font-size:13px;min-height:36px;padding:0 8px}.btn-main{background:var(--gold);color:#1a1400;border:0;width:100%;font-size:17px;min-height:52px;box-shadow:0 6px 20px rgba(15,42,68,.25)}.btn-main:disabled{opacity:.6}.btn-new{background:#fff;border:1px solid #c7d0db;color:var(--navy);width:100%}.dock{position:fixed;left:0;right:0;bottom:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:rgba(243,245,248,.96);border-top:1px solid var(--line);z-index:10}.dock-in{max-width:1100px;margin:0 auto;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr)}@media (min-width:600px){.dock-in{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}.hint{margin:4px 0 0}.hint,.preview-col h2{font-size:12px;color:var(--muted)}.preview-col h2{margin:0 0 10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.sheet-wrap{width:100%;overflow:hidden;border-radius:6px;box-shadow:0 10px 30px rgba(15,42,68,.15);background:#fff}.sheet-scale{transform-origin:top left}.inv{width:794px;min-height:1123px;background:#fff;color:#1a2433;font-family:var(--font);display:flex;flex-direction:column}.inv-head{background:#0f2a44;color:#fff;padding:44px 52px 36px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.inv-brand{display:flex;flex-direction:column;gap:6px;min-width:0}.inv-brand .nm{font-size:28px;font-weight:800;line-height:1.15;word-break:break-word}.inv-brand .sub{font-size:13px;color:#c9d4e0}.inv-title{text-align:right;flex:none}.inv-title .t{font-size:32px;font-weight:800;letter-spacing:6px;color:#d4a24c}.inv-title .ar{font-size:15px;color:#c9d4e0;margin-top:2px}.inv-title .no{font-size:13px;color:#c9d4e0;margin-top:6px}.inv-bar{height:6px;background:#d4a24c}.inv-parties{padding:36px 52px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:26px;gap:26px}.lbl{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#5b6878;text-transform:uppercase;margin-bottom:6px}.pname{font-size:15px;font-weight:700;color:#0f2a44;line-height:1.4}.pdet,.pname{word-break:break-word}.pdet{line-height:1.6;color:#3a4656;white-space:pre-line}.meta,.pdet{font-size:13px}.meta{display:grid;grid-gap:9px;gap:9px}.meta div{display:flex;justify-content:space-between;gap:10px}.meta span:first-child{color:#5b6878}.meta span:last-child{font-weight:700;text-align:right}.tbl{margin:32px 52px 0;border:1px solid #dce2ea;border-radius:10px;overflow:hidden}.tr{display:grid;grid-template-columns:4.2fr 1.2fr 1.6fr;padding:16px 20px;align-items:center;grid-gap:12px;gap:12px}.th{background:#f2f5f9;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#5b6878;text-transform:uppercase;padding:13px 20px}.tr+.tr{border-top:1px solid #dce2ea}.r{text-align:right}.c{text-align:center}.d1{font-size:15px;font-weight:700;color:#0f2a44}.d1,.d2{word-break:break-word}.d2{font-size:13px;color:#5b6878;margin-top:3px}.amt{font-size:15px;font-weight:700}.tot{margin:22px 52px 0;display:flex;justify-content:flex-end}.tot-in{width:310px;display:grid;grid-gap:10px;gap:10px}.tot-sub{display:flex;justify-content:space-between;font-size:14px;padding:0 4px}.tot-sub span:first-child{color:#5b6878}.tot-big{display:flex;justify-content:space-between;align-items:center;background:#0f2a44;color:#fff;padding:15px 20px;border-radius:10px}.tot-big span:first-child{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tot-big span:last-child{font-size:21px;font-weight:800;color:#d4a24c}.terms{margin:36px 52px 0;padding:20px 22px;background:#fbf7ef;border:1px solid #eadbbe;border-radius:10px}.terms .lbl{color:#7a5a1e}.terms .tx{font-size:13.5px;line-height:1.6;color:#3a4656;white-space:pre-line}.grow{flex:1 1 auto}.foot{margin:0 52px;padding:20px 0 34px;border-top:1px solid #dce2ea;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#5b6878}.muted-ph{color:#9aa8b8}.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-main:hover{filter:brightness(1.05)}.btn-ghost:hover,.btn-new:hover{background:#f7f9fb}.status{max-width:1100px;margin:6px auto 0;font-size:13px;color:#9b2c2c;min-height:0}.status:empty{display:none}.site-foot{background:var(--navy);color:#c9d4e0;padding:22px 16px 150px;margin-top:8px}@media (min-width:600px){.site-foot{padding-bottom:110px}}.foot-in{max-width:1100px;margin:0 auto;display:grid;grid-gap:14px;gap:14px;font-size:13px;line-height:1.5}.foot-in strong{color:#fff}.foot-links{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(212,162,76,.55);color:#fff;text-decoration:none;font-weight:600;font-size:13px;word-break:break-all}.pill:hover{background:rgba(212,162,76,.15)}.pill-saig{border-color:hsla(0,0%,100%,.3)}input{min-width:0;max-width:100%}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block}@media (max-width:480px){.row2-inv{grid-template-columns:minmax(0,1fr)}}.top-in{align-items:flex-start}.top-in svg{flex:none;margin-top:2px}.dock-total{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-size:14px}.dock-total b{color:var(--gold);font-weight:800;margin-left:4px}.dock-total .see{font-size:12px;font-weight:700;color:#c9d4e0;border:1px solid hsla(0,0%,100%,.25);border-radius:999px;padding:4px 10px}@media (min-width:600px){.dock-total{grid-column:1/-1}}@media (min-width:980px){.dock-total{display:none}}#preview{scroll-margin-top:12px}.site-foot{padding-bottom:200px}@media (min-width:600px){.site-foot{padding-bottom:150px}}@media (min-width:980px){.site-foot{padding-bottom:110px}}.dock-in{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}.dock-total{grid-column:1/-1}.btn-new{font-size:14px;padding:0 10px}.btn-main{min-height:50px}.site-foot{padding-bottom:150px}@media (min-width:980px){.site-foot{padding-bottom:100px}}.ready{max-width:1100px;margin:8px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 14px;border-radius:14px;background:#fbf7ef;border:1px solid #eadbbe;font-size:13px;color:#3a4656}.ready[hidden]{display:none}.ready-t{min-width:0;word-break:break-all}.ready-t b{color:var(--navy)}.ready-b{display:flex;gap:6px}.btn-r{padding:0 14px;border-radius:999px;border:0;background:var(--navy);color:#fff;font-size:13px}.btn-r,.btn-rx{min-height:38px}.btn-rx{min-width:38px;padding:0;border-radius:999px;border:1px solid #eadbbe;background:#fff;color:var(--navy);font-size:18px;line-height:1}.top-in>div{flex:1 1 auto;min-width:0}.btn-install{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:0;background:var(--gold);color:#1a1400;font-size:13px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.25)}.btn-install[hidden],.saved[hidden]{display:none}.sv-list{list-style:none;margin:0;padding:0}.sv,.sv-list{display:grid;grid-gap:8px;gap:8px}.sv{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.sv-t{display:grid;grid-gap:2px;gap:2px;min-width:0}.sv-t b{color:var(--navy);font-size:15px;word-break:break-word}.sv-t span{font-size:12px;color:var(--muted)}.sv-a{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sv-amt{font-weight:800;margin-right:auto;font-size:14px}.btn-sv,.sv-amt{color:var(--navy)}.btn-sv{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid #c7d0db;background:#fff;font-size:13px;display:inline-flex;align-items:center;gap:5px}.btn-sv-share{background:var(--navy);border-color:var(--navy);color:#fff}.btn-sv-x{min-width:38px;padding:0;justify-content:center;font-size:18px;color:#9b2c2c}select{font:inherit;font-size:16px;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230F2A44' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #c7d0db;border-radius:10px;padding:11px 32px 11px 12px;min-height:44px;width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.other{display:flex;gap:6px;min-width:0}.other input{flex:1 1 auto}.btn-list{flex:none;min-height:44px;padding:0 10px;border-radius:10px;border:1px solid #c7d0db;background:#fff;color:var(--navy);font-size:13px}.install-hero{max-width:1100px;margin:16px auto 0;padding:0 16px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px 14px;gap:12px 14px;align-items:center}.install-hero[hidden]{display:none}.install-hero img{border-radius:16px;box-shadow:0 6px 18px rgba(15,42,68,.25)}.install-hero b{display:block;font-size:18px;color:var(--navy)}.install-hero span{font-size:13px;color:var(--muted)}.btn-hero{grid-column:1/-1}