
#hs-portal{color-scheme:light;--hs-ink:#172941;--hs-muted:#56677c;--hs-line:#dce3ec;--hs-paper:#fff;font-family:Arial,sans-serif;color:var(--hs-ink);background:#f4f6f9;border-radius:16px;overflow:hidden}
#hs-portal *{box-sizing:border-box}
#hs-portal button,#hs-portal input,#hs-portal select,#hs-portal textarea{font:inherit}
#hs-portal button{cursor:pointer;border:1px solid var(--hs-line);border-radius:8px;background:#fff;color:var(--hs-ink);padding:11px 14px;min-height:44px}
#hs-portal button:hover{background:#f1f4f8}
#hs-portal .gold{background:#dbbc70;color:#10223d;border-color:#dbbc70;font-weight:500}
#hs-portal .gold:hover{background:#e6cb8d}
#hs-portal .demo{padding:12px 20px;background:#fff3d4;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#hs-portal .demo label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#hs-portal select,#hs-portal input,#hs-portal textarea{width:100%;padding:11px;border:1px solid #bfcbd9;border-radius:7px;background:#fff;color:var(--hs-ink);min-height:44px;font-size:16px}
#hs-portal .demo select{width:auto;max-width:100%}
#hs-portal .mast{padding:24px;background:#102440;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
#hs-portal .brand{color:#e1c47d;letter-spacing:.13em;font-size:23px;font-weight:500}
#hs-portal .subbrand{letter-spacing:.16em;font-size:11px;margin-top:6px}
#hs-portal .identity{text-align:right;color:#d6dfeb}
#hs-portal .layout{display:grid;grid-template-columns:190px minmax(0,1fr)}
#hs-portal .side{background:#142c49;padding:18px 12px;color:#fff;display:flex;flex-direction:column;gap:6px}
#hs-portal .side button{text-align:left;background:transparent;border-color:transparent;color:#dbe4ef}
#hs-portal .side button.active{background:#28415e;color:#f5dca0;border-color:#526079}
#hs-portal .side .help{margin-top:24px;border-top:1px solid #3c506a;padding-top:15px;display:grid;gap:4px}
#hs-portal main{padding:26px;min-width:0;min-height:480px}
#hs-portal h2{color:var(--hs-ink);font-size:25px;font-weight:500;margin:0 0 8px}
#hs-portal h3{color:var(--hs-ink);font-size:18px;font-weight:500;margin:0 0 12px}
#hs-portal strong{color:inherit;font-weight:500}
#hs-portal .panel .history strong{color:var(--hs-ink)}
#hs-portal p{margin:8px 0 16px;line-height:1.5}
#hs-portal .muted{color:var(--hs-muted)}
#hs-portal .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
#hs-portal .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
#hs-portal .stat,#hs-portal .panel{background:#fff;border:1px solid var(--hs-line);border-radius:10px;padding:18px}
#hs-portal .stat strong{display:block;font-size:30px;font-weight:500;margin-top:10px}
#hs-portal .list{display:grid;gap:10px}
#hs-portal .case{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;text-align:left;padding:16px;background:#fff}
#hs-portal .case small{display:block;color:var(--hs-muted);margin-top:7px;line-height:1.5}
#hs-portal .badge{display:inline-block;border-radius:6px;padding:6px 9px;background:#edf2f8;color:#284965;font-size:12px;align-self:start}
#hs-portal .badge.green{background:#e5f3e9;color:#23653d}
#hs-portal .filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:18px 0}
#hs-portal label{display:grid;gap:7px;font-size:14px}
#hs-portal .fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#hs-portal .full{grid-column:1/-1}
#hs-portal .phone{background:#fff5db;border-left:4px solid #c9a346;padding:16px;border-radius:7px}
#hs-portal .check{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#edf2f8;line-height:1.5;border-radius:8px}
#hs-portal .check input{width:22px;min-height:22px;flex-shrink:0;margin-top:2px}
#hs-portal .success{background:#e5f3e9;color:#225f38;border:1px solid #b4d8bf;padding:18px;border-radius:10px;margin-bottom:18px}
#hs-portal .detail{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
#hs-portal .detail small{display:block;color:var(--hs-muted);margin-bottom:5px}
#hs-portal .history{padding-left:20px;line-height:1.7}
#hs-portal .seller-guide{background:#fff;border:1px solid var(--hs-line);border-radius:12px;overflow:hidden}
#hs-portal .seller-points{list-style:none;margin:0;padding:0}
#hs-portal .seller-point{margin:0;padding:17px 20px;border-bottom:1px solid #e5eaf1}
#hs-portal .seller-point:last-child{border-bottom:0}
#hs-portal .seller-point strong{display:block;color:#172941;font-size:17px;font-weight:500;line-height:1.35}
#hs-portal .seller-point p{color:#42546a;font-size:15px;line-height:1.5;margin:6px 0 0}
#hs-portal .seller-point.reassurance{background:#fff7e4;border-left:4px solid #c9a346;padding-left:16px}
#hs-portal .seller-actions{border-top:1px solid #e5eaf1;padding:16px 20px}
#hs-portal .seller-actions button{width:100%}
#hs-portal .money{font-size:24px;color:#173b5d}
#hs-portal .notice{padding:12px 24px;border-top:1px solid var(--hs-line);color:var(--hs-muted);background:#fff;font-size:12px}
#hs-portal .copytext{white-space:pre-wrap}
#hs-portal .feedback{margin-top:10px;color:#275d3a}
@media(max-width:700px){#hs-portal .layout{grid-template-columns:1fr}#hs-portal .side{flex-direction:row;flex-wrap:wrap;padding:10px}#hs-portal .side .help{margin:0;padding:0;border:0;display:contents}#hs-portal .side button{padding:9px}#hs-portal main{padding:18px}#hs-portal .identity{text-align:left}#hs-portal .stats{gap:7px}#hs-portal .stat{padding:12px}#hs-portal .stat strong{font-size:24px}}
@media(max-width:450px){#hs-portal .fields,#hs-portal .detail,#hs-portal .filters{grid-template-columns:1fr}#hs-portal .case{grid-template-columns:1fr}#hs-portal .stats{grid-template-columns:1fr}#hs-portal .stat{display:flex;align-items:center;justify-content:space-between}#hs-portal .stat strong{margin:0}#hs-portal .mast{padding:18px}}

body{margin:0;background:#f4f6f9;font-size:16px}#hs-portal{min-height:100vh;border-radius:0}#hs-portal .subbrand{font-size:12px}#hs-portal .badge,#hs-portal .notice{font-size:14px}#hs-portal button:focus-visible,#hs-portal input:focus-visible,#hs-portal textarea:focus-visible,#hs-portal select:focus-visible{outline:3px solid #b58b2c;outline-offset:3px}#hs-portal .auth{max-width:480px;margin:7vh auto;padding:24px}#hs-portal .auth form{display:grid;gap:20px}#hs-portal .error{color:#8a2536;background:#fff0f0;padding:12px;border-radius:8px}#hs-portal .notice{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}#hs-portal a{color:#255686}#hs-portal .mast button{background:transparent;color:white;border-color:#526079}#hs-portal dialog{border:1px solid #dce3ec;border-radius:14px;max-width:560px;width:calc(100% - 36px);color:#172941;padding:24px}#hs-portal dialog::backdrop{background:#10244099}#hs-portal button:disabled{opacity:.6;cursor:wait}#hs-portal .account-grid{display:grid;gap:12px;margin:20px 0}#hs-portal .history li{margin-bottom:12px}#hs-portal .seller-point strong{font-weight:600}#hs-portal .seller-point p{font-size:16px}#hs-portal .auth .brand{color:#102440}#hs-portal .auth .subbrand{color:#56677c}#hs-portal .wordbreak{overflow-wrap:anywhere}#hs-portal .flush{margin:0}#hs-portal .gap{margin-top:20px}@media(min-width:1000px){#hs-portal .layout{grid-template-columns:220px minmax(0,1fr)}#hs-portal main{max-width:1150px;width:100%;padding:32px 40px}#hs-portal .seller-guide{max-width:740px}}

#hs-portal [hidden]{display:none!important}

#hs-portal .seller-point.closing{margin:16px;border:1px solid #d9bb70;border-radius:12px;background:#102440;padding:22px;box-shadow:0 4px 14px #10244012}
#hs-portal .seller-point.closing strong{color:#e5c779;font-size:20px;line-height:1.4}
#hs-portal .seller-point.closing p{color:#fff;font-size:16px;line-height:1.65;margin-top:10px}
@media(max-width:450px){#hs-portal .seller-point.closing{margin:12px;padding:18px}}

#hs-portal .seller-point.closing .seller-website{display:block;margin-top:18px;padding-top:16px;border-top:1px solid #526079;color:#e5c779;font-size:16px;font-weight:600;text-decoration:none;line-height:1.6;overflow-wrap:anywhere}

#hs-portal details summary{cursor:pointer;line-height:1.6}#hs-portal details summary .badge{margin-top:8px}#hs-portal details[open] summary{margin-bottom:16px}

/* Branded entry screens, matching the owner's approved sign-in reference. */
#hs-portal .entry-screen{min-height:100vh;min-height:100svh;padding:48px 24px;background:#f7f8fb;display:flex;align-items:center;justify-content:center;color:#fff}
#hs-portal .auth.entry-card{width:100%;max-width:780px;margin:0;padding:36px 46px 46px;min-height:0;border:4px solid #e8bd59;border-radius:19px;background:#00203b;box-shadow:0 14px 32px #142c4912;color:#fff}
#hs-portal .entry-header{display:flex;align-items:center;gap:32px;margin-bottom:32px}
#hs-portal .entry-logo{position:relative;flex:0 0 210px;width:210px;aspect-ratio:1;overflow:hidden;border-radius:50%}
/* Display the exact approved logo from the supplied reference, without redrawing it. */
#hs-portal .entry-logo img{position:absolute;width:566.13%;max-width:none;height:auto;left:-121.77%;top:-121.77%}
#hs-portal .entry-heading{border-left:2px solid #817d67;padding:8px 0 8px 32px;min-width:0}
#hs-portal .entry-heading h1{margin:0;color:#fff;font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.025em}
#hs-portal .entry-heading h1::after{content:"";display:block;width:78px;height:3px;background:#e8bd59;margin:16px 0}
#hs-portal .entry-heading p{margin:0;color:#f1f3f6;font-size:18px;line-height:1.45}
#hs-portal .entry-card form.panel{padding:0;margin:0;border:0;border-radius:0;background:transparent;display:grid;gap:28px}
#hs-portal .entry-card label{font-size:20px;line-height:1.3;font-weight:600;gap:10px;color:#fff}
#hs-portal .entry-card input{width:100%;min-height:64px;padding:16px 18px;border:1px solid #d1d6dd;border-radius:8px;background:#fff;color:#172941;font-size:20px;font-weight:400}
#hs-portal .entry-card input::placeholder{color:#838b95;opacity:1}
#hs-portal .entry-input{position:relative;display:block}
#hs-portal .entry-input>svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;color:#727b86;pointer-events:none}
#hs-portal .entry-input input{padding-left:69px}
#hs-portal .entry-input input[name=password]{padding-right:62px}
#hs-portal button.entry-reveal{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;padding:10px;width:44px;height:44px;background:transparent;border:0;color:#727b86}
#hs-portal .entry-reveal svg{width:27px;height:27px}
#hs-portal .entry-reveal[aria-pressed=true]{color:#153d61;background:#eaf0f6}
#hs-portal .entry-card .gold{min-height:76px;margin-top:4px;border:1px solid #edc56d;border-radius:9px;background:linear-gradient(180deg,#f3d078,#d2a248);color:#05203a;font-weight:700;font-size:32px;box-shadow:inset 0 1px 1px #fff5}
#hs-portal .entry-card .gold:hover{background:linear-gradient(180deg,#f9dc91,#dfb35c)}
#hs-portal .entry-invitation{text-align:center;margin-top:24px}
#hs-portal .entry-invitation::before{content:"";display:block;width:174px;height:2px;background:#53677a;margin:0 auto 18px}
#hs-portal .entry-invitation p{margin:0 0 22px;color:#f5f6f8;font-size:21px;line-height:1.4}
#hs-portal button.entry-forgot{display:block;width:100%;min-height:66px;padding:14px;border:2px solid #dabc70;border-radius:9px;background:transparent;color:#fff;font-size:21px;font-weight:600}
#hs-portal button.entry-forgot:hover{background:#ffffff0d}
#hs-portal .entry-card .muted{color:#dae3ed}
#hs-portal .entry-card #login-help:empty{display:none}
#hs-portal .entry-card #login-help{font-size:16px;margin:18px 0 0}
#hs-portal .entry-card .error{font-size:16px;font-weight:400}
#hs-portal .entry-card :focus-visible{outline:3px solid #f6d780;outline-offset:4px}
@media(max-width:650px){
#hs-portal .entry-screen{padding:24px 14px}
#hs-portal .auth.entry-card{padding:26px 22px 28px;border-width:3px;border-radius:16px}
#hs-portal .entry-header{gap:18px;margin-bottom:28px}
#hs-portal .entry-logo{flex-basis:130px;width:130px}
#hs-portal .entry-heading{padding:4px 0 4px 18px}
#hs-portal .entry-heading h1{font-size:30px}
#hs-portal .entry-heading p{font-size:16px}
#hs-portal .entry-heading h1::after{width:54px;margin:12px 0}
#hs-portal .entry-card label{font-size:18px}
#hs-portal .entry-card input{font-size:16px;min-height:58px}
#hs-portal .entry-card form.panel{gap:22px}
#hs-portal .entry-card .gold{min-height:62px;font-size:26px}
#hs-portal .entry-invitation p,#hs-portal button.entry-forgot{font-size:18px}
#hs-portal button.entry-forgot{min-height:56px}
}
@media(max-width:440px){
#hs-portal .entry-header{flex-direction:column;gap:18px}
#hs-portal .entry-logo{flex-basis:auto;width:142px}
#hs-portal .entry-heading{border:0;padding:0;text-align:center}
#hs-portal .entry-heading h1::after{margin:12px auto}
#hs-portal .entry-heading h1{font-size:32px}
#hs-portal .entry-wide-break{display:none}
}
