@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#01154a;--deep:#00103a;--lime:#d2b45b;--ink:#142346;--muted:#737e94;--line:#e2e6ef;--paper:#f5f6fa;--white:#fff;--radius:17px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--green);color:#fff;padding:39px 23px 20px;display:flex;flex-direction:column}.wordmark{font:800 33px 'Manrope',sans-serif;letter-spacing:-1.7px;color:inherit;text-decoration:none;display:block;line-height:1}.wordmark span{display:block;font:500 10px 'DM Sans',sans-serif;letter-spacing:6.5px;margin:10px 0 0 3px}.sidebar .wordmark{margin:0 18px 66px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#a9b6d2;margin:0 14px 19px}.nav{border:0;background:none;color:#c0cbe1;display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:15px;border-radius:9px;margin-bottom:7px;font-size:13px}.nav span{font-size:21px;line-height:1}.nav.active{background:var(--lime);color:var(--deep);font-weight:700}.nav:hover:not(.active){background:#ffffff0b}.sidebar-note{margin:auto 14px 45px;border-top:1px solid #ffffff22;padding-top:28px}.sidebar-note>span{font-size:8px;letter-spacing:1.3px;color:#b5c3df}.sidebar-note p{font:500 19px/1.6 'Manrope',sans-serif;letter-spacing:-.4px}.line-art{color:var(--lime);font-size:26px;letter-spacing:5px;margin-top:18px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff22;padding:21px 0 0}.avatar{background:#ffffff18;border:1px solid #ffffff20;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--lime)}.profile strong{display:block;font-size:11px;max-width:122px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;color:#aab9d7;font-size:9px;margin-top:4px}.profile button{margin-left:auto;border:0;background:none;color:#c0cce4;font-size:20px}.main-shell{margin-left:242px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px;color:var(--muted);background:#fafbfe}.topbar strong{font-weight:500;color:var(--ink)}.slash{margin:0 13px;color:#a9b3c8}.top-date{font-size:10px}main{padding:39px 44px 0;max-width:1560px;margin:auto}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#856720}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}h1{font:600 clamp(24px,2.3vw,36px)/1.25 'Manrope',sans-serif;letter-spacing:-1.2px;margin:11px 0 10px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.version{font-size:8px;letter-spacing:1.4px;border:1px solid var(--line);padding:7px 10px;border-radius:5px;color:#7e899e}.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:27px}.service{border:1px solid var(--line);background:white;border-radius:12px;padding:19px 14px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--ink)}.service.active{border-color:#b4933b;background:#fbf6e7;box-shadow:0 0 0 1px #b4933b}.service-icon{width:33px;height:37px;border-radius:8px;background:#f0f3fa;display:grid;place-items:center;font-size:22px;color:#5d6e97}.active .service-icon{background:#efdfac;color:#01154a}.service strong{font-size:11px;display:block}.service small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.tab-arrow{margin-left:auto;font-size:14px;color:#9b8344}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:24px;align-items:start}.form-column{min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.step{height:31px;width:31px;border:1px solid #e2d4ad;border-radius:50%;display:grid;place-items:center;color:#967a32;font-size:10px;flex-shrink:0}h2{font:700 15px 'Manrope',sans-serif;margin:0;letter-spacing:-.3px}.card-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}label{display:block;font-size:10px;font-weight:600;color:#405071;line-height:1.5}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dee4ee;border-radius:7px;padding:11px 12px;background:#fdfdff;color:#22335b;margin-top:7px;min-height:42px;font-size:12px}input::placeholder,textarea::placeholder{color:#98a2b5;font-weight:400;font-size:11px}input:focus,select:focus,textarea:focus{border-color:#a88935;outline:2px solid #f0e4bf;outline-offset:1px}textarea{resize:vertical;line-height:1.6}.fields{display:grid;gap:17px;margin-bottom:19px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;gap:12px}.required{color:#9d874e;margin-left:3px}.field-hint{font-size:9px;color:#8490a5;line-height:1.7;margin:8px 0 21px}.baggage-box{background:#f5f7fc;border-radius:8px;padding:16px;margin:19px 0}.baggage-box strong{font-size:10px}.baggage-box p{font-size:9px;color:#7c8aa5;margin:6px 0 13px}.check{display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:500}.check input{accent-color:var(--green);width:15px;height:15px}.upload{border:1px dashed #d4ddef;border-radius:8px;padding:18px;text-align:center;cursor:pointer;background:#fcfdff}.upload>span{font-size:24px;color:#8d773e;display:block;margin-bottom:6px}.upload strong{display:block;font-size:11px;font-weight:500}.upload small{display:block;font-size:8px;color:#8b97ac;font-weight:400;margin-top:6px}.upload input{display:none!important}#image-preview{margin-top:12px;text-align:center}#image-preview img{max-height:220px;max-width:100%;border:1px solid var(--line);border-radius:6px}.text-button{border:0;background:none;color:#8b712d;font-size:10px;padding:12px;text-decoration:underline;text-underline-offset:3px}.notes-label{margin-top:20px}.optional{font-size:9px;color:#919bb0;font-weight:400;margin-left:5px}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:20px}.pay-option{border:1px solid var(--line);border-radius:7px;padding:12px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:11px}.pay-option input{accent-color:var(--green)}.pay-option:has(input:checked){background:#fcf7e9;border-color:#b99c4d}.pay-option small{color:#8490a7;font-size:9px;display:block;font-weight:400}.payment-tip{align-self:center;font-size:10px;line-height:1.7;color:#8490a7;padding:8px}.payment-card .fields{margin-bottom:0}.summary-column{position:sticky;top:20px}.summary{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px 22px}.summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.summary-top .eyebrow{font-size:8px;letter-spacing:1.2px}.live-dot{font-size:7px;color:#927735;white-space:nowrap}.live-dot:before{content:'';display:inline-block;height:4px;width:4px;border-radius:50%;background:#bd9a39;margin-right:4px}.summary h2{font-size:19px}.summary>p{font-size:10px;color:#8a94aa;margin-top:7px}.total-label{margin-top:30px;font-size:8px;letter-spacing:1.5px;color:#8b96ad}.total{font:700 36px 'Manrope',sans-serif;letter-spacing:-1.7px;margin:8px 0 4px;color:#01154a}.pix-box{background:#fbf5e4;border-radius:9px;padding:15px;margin:22px 0}.pix-box>div{display:flex;align-items:center;justify-content:space-between;font-size:11px}.pix-box strong{font-size:15px}.pix-box small{font-size:8px;color:#8e7536;display:block;margin-top:7px}.internal{border-top:1px solid var(--line);padding-top:17px}.internal>button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;font-size:10px;color:#7f6930;padding:0 0 9px}.internal dl{margin:6px 0}.internal dl>div{display:flex;justify-content:space-between;font-size:9px;margin:14px 0;color:#8691a7}.internal dd{margin:0;color:#3d507b;font-weight:500}.internal p{font-size:8px;color:#939db0;margin:17px 0 23px}.primary,.secondary{padding:13px 15px;border-radius:8px;border:1px solid var(--green);width:100%;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.primary{color:#fff;background:var(--green)}.primary:hover{background:#102c6b}.secondary{background:#fff;color:var(--green);margin-top:9px;border-color:#dce3ef}.summary-foot{display:block;text-align:center;color:#919cb1;font-size:8px;margin-top:13px}.help-note{display:flex;gap:13px;margin:20px 6px 3px}.help-note>span{font-size:22px;color:#aa8a37}.help-note p{font-size:10px;line-height:1.6;margin:0}.help-note small{font-size:9px;color:#8b96ad;display:block;margin-top:5px}.summary-column>.text-button{width:100%;margin-top:10px}footer{font-size:9px;color:#919cb1;padding:29px 0;border-top:1px solid var(--line);margin-top:21px}footer span{margin:0 6px;color:#c0c8d9}.footer-right{float:right;margin:0;color:#8c98b0}.info-note{font-size:10px;background:#fbf5e4;padding:12px;line-height:1.7;margin-bottom:18px;border-radius:7px}.error{color:#a34331!important;line-height:1.6;font-size:11px!important;min-height:4px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;max-width:90vw;background:var(--deep);color:white;padding:14px 22px;border-radius:10px;box-shadow:0 6px 25px #0002;display:none;font-size:12px}#preview-banner{padding:9px 44px;background:#f5ecd1;color:#806727;font-size:9px;line-height:1.6}.history-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.history-row strong{font-size:13px}.history-row small{display:block;font-size:10px;color:#7b89a3;margin-top:6px}.history-row button{border:1px solid #ded3b3;background:#faf7ef;border-radius:5px;padding:8px 11px;color:var(--green);font-size:10px}.history-row .row-actions{display:flex;gap:8px}.empty{padding:45px 10px;text-align:center;color:#8793aa;line-height:1.8}.history-list{margin-top:15px}#user-form .primary{max-width:200px}#auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-brand{background:var(--green);color:white;padding:65px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-brand .eyebrow{color:#e6cf84}.auth-brand h1{font-size:43px;line-height:1.3;letter-spacing:-1.5px}.auth-brand p{color:#c2cee7;line-height:1.9;font-size:13px}.auth-brand>small{font-size:8px;letter-spacing:2px;color:#b3c2df}.auth-panel{display:grid;place-items:center;padding:45px}.auth-panel form{width:100%;max-width:340px}.auth-panel h2{font-size:29px;margin:13px 0}.auth-panel p{font-size:12px;color:#8590a6;line-height:1.7;margin-bottom:28px}.auth-panel label{margin-bottom:18px}.auth-panel .primary{margin-top:25px;font-size:12px}.auth-panel form>small{display:block;font-size:10px;color:#8c98ae;text-align:center;margin-top:20px}.auth-panel .error{margin:0}
@media(min-width:1550px){.quote-layout{grid-template-columns:minmax(0,1fr) 360px}.service{padding:22px}.service strong{font-size:13px}.service small{font-size:10px}.card{padding:30px}label{font-size:11px}.total{font-size:42px}}@media(max-width:1180px){.sidebar{width:200px;padding-left:14px;padding-right:14px}.main-shell{margin-left:200px}main{padding:30px 24px 0}.topbar{padding:0 24px}.quote-layout{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.card{padding:20px}.service{gap:7px;padding:14px 9px}.service-icon{width:26px;font-size:18px}.tab-arrow{display:none}.service strong{font-size:10px}.service small{font-size:8px}.summary{padding:20px 17px}.summary-top{gap:7px}.summary-top .eyebrow{font-size:7px}.live-dot{font-size:6px}}@media(max-width:960px){.quote-layout{grid-template-columns:1fr}.summary-column{position:static}.service-tabs{gap:8px}.service{padding:16px 10px}.summary{padding:25px}.summary-top .eyebrow{font-size:9px}.live-dot{font-size:9px}.summary .primary{font-size:12px}.help-note{display:none}.total{font-size:42px}#auth{grid-template-columns:1fr 1fr}.auth-brand h1{font-size:32px}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:18px;flex-direction:row;align-items:center;gap:8px}.sidebar .wordmark{font-size:24px;margin:0 auto 0 0}.wordmark span{font-size:7px;letter-spacing:4.8px;margin-top:6px}.nav-label,.sidebar-note,.profile{display:none}.nav{width:auto;padding:10px;font-size:0;margin:0;gap:0}.nav span{font-size:22px}.main-shell{margin:0}.topbar{height:50px;padding:0 18px}.top-date{font-size:8px}.topbar{font-size:9px}main{padding:26px 16px 0}h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.6}.version{display:none}.page-heading{margin-bottom:24px}.service-tabs{grid-template-columns:1fr 1fr;gap:9px}.service{padding:14px 13px}.service strong{font-size:11px}.service small{font-size:9px}.service-icon{width:30px}.card{padding:20px 17px}.three{grid-template-columns:1fr}.fields.two{gap:11px}input:not([type=checkbox]),select,textarea{font-size:13px}.payment-options{grid-template-columns:1fr 1fr}.pay-option{padding:10px;font-size:10px}.summary-column{margin-top:0}.footer-right{display:none}#preview-banner{padding:10px 18px;font-size:8px}#auth{grid-template-columns:1fr}.auth-brand{min-height:240px;padding:30px}.auth-brand h1{font-size:28px;margin-top:20px}.auth-brand p,.auth-brand>small,.auth-brand .eyebrow{display:none}.auth-panel{padding:36px 28px}.history-row{align-items:flex-start}.history-row .row-actions{flex-direction:column}}

/* SGCont identity: original logo, navy sampled from the original asset, gold accents. */
.wordmark{line-height:0}.brand-logo{display:block;width:142px;height:auto;object-fit:contain}.sidebar .wordmark{margin:0 auto 32px}.auth-brand .brand-logo{width:180px}.nav.active{background:var(--lime);color:var(--deep)}.nav.active span{color:var(--deep)}.sidebar-note{margin-bottom:30px}.auth-brand{background:var(--green)}.primary:focus-visible{outline:3px solid var(--lime)}
@media(max-width:650px){.sidebar .wordmark{margin:0 auto 0 0}.sidebar .brand-logo{width:62px}.auth-brand .brand-logo{width:110px}.auth-brand{min-height:280px}}

.password-field{margin-bottom:18px}.auth-panel .password-field>label{margin-bottom:0}.password-control{position:relative}.password-control input{padding-right:126px!important}.password-visibility{position:absolute;right:7px;top:50%;transform:translateY(-50%);padding:8px;border:0;border-radius:5px;background:transparent;color:var(--green);font-size:11px;font-weight:600;white-space:nowrap;min-height:32px}.password-visibility:hover{background:#f5ecd1}.password-visibility:focus-visible{outline:2px solid #b4933b;outline-offset:1px}
