.sgmb-demo{color:#17202a;background:#f3f5f7;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.sgmb-demo-sidebar{color:#f8fafc;z-index:10;background:#111820;flex-direction:column;width:234px;display:flex;position:fixed;inset:0 auto 0 0}.sgmb-demo-brand{border-bottom:1px solid #2c3945;align-items:center;gap:12px;min-height:76px;padding:19px 16px;display:flex}.sgmb-demo-logo{color:#111820;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid}.sgmb-demo-brand strong,.sgmb-demo-brand small{display:block}.sgmb-demo-brand small{color:#acb7c3;margin-top:4px;font-size:12px}.sgmb-demo-side-label{text-transform:uppercase;letter-spacing:.07em;color:#9facb9;padding:18px 18px 4px;font-size:11px;font-weight:700}.sgmb-demo-sidebar nav{gap:4px;padding:10px;display:grid}.sgmb-demo-sidebar nav button{color:#cbd5df;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:9px 10px;font-size:14px;font-weight:700;display:flex}.sgmb-demo-sidebar nav button:hover{color:#fff;background:#27323d}.sgmb-demo-sidebar nav button.current{color:#111820;background:#fff}.sgmb-demo-sidebar nav button span{background:#ffffff1a;border-radius:6px;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.sgmb-demo-sidebar nav button.current span{background:#e9edf1}.sgmb-demo-sidebar-bottom{border-top:1px solid #2c3945;gap:8px;margin-top:auto;padding:16px;display:grid}.sgmb-demo-sidebar-bottom strong{letter-spacing:.04em;font-size:12px}.sgmb-demo-sidebar-bottom small{color:#aab5bf;font-size:12px;line-height:1.5}.sgmb-demo-sidebar-bottom a{color:#fff;font-size:12px;font-weight:700}.sgmb-demo-main{min-width:0;margin-left:234px}.sgmb-demo-topbar{background:#fff;border-bottom:1px solid #dfe5ea;justify-content:space-between;align-items:center;gap:10px;min-height:70px;padding:12px 28px;display:flex}.sgmb-demo-topbar div{gap:3px;display:grid}.sgmb-demo-topbar small{color:#64707d;font-size:12px}.sgmb-demo-topbar strong{font-size:17px}.sgmb-demo-topbar a{border:1px solid #c8d0d8;border-radius:8px;padding:10px;font-size:13px;font-weight:700;text-decoration:none}.sgmb-demo-content{gap:20px;max-width:1340px;margin:auto;padding:26px;display:grid}.sgmb-demo-warning{background:#fff8e8;border:1px solid #ead3a0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:13px 16px;display:flex}.sgmb-demo-warning strong{color:#6f4e00;white-space:nowrap;font-size:12px}.sgmb-demo-warning span{color:#574827;flex:1;min-width:200px;font-size:13px;line-height:1.5}.sgmb-demo button{cursor:pointer;transition:background .15s,box-shadow .15s}.sgmb-demo-warning button{color:#654800;background:#fff;border:1px solid #d6b976;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:700}.sgmb-demo-notice{color:#176b45;background:#eaf4ef;border:1px solid #b8d8c9;border-radius:8px;margin:0;padding:12px 16px;font-size:13px;font-weight:700}.sgmb-demo-intro{padding:7px 0 0}.sgmb-demo-intro .eyebrow{margin:0 0 6px}.sgmb-demo-intro h1{margin:0 0 8px;font-size:clamp(28px,4vw,36px)}.sgmb-demo-intro p:last-child{color:#64707d;margin:0;line-height:1.55}.sgmb-demo-metrics{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;display:grid}.sgmb-demo-metrics>div{background:#fff;border:1px solid #dfe5ea;border-radius:12px;gap:10px;padding:22px;display:grid}.sgmb-demo-metrics small{color:#64707d;font-size:13px}.sgmb-demo-metrics strong{overflow-wrap:anywhere;font-size:26px}.sgmb-demo-shortcuts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.sgmb-demo-shortcuts button{text-align:left;color:#17202a;background:#fff;border:1px solid #dfe5ea;border-radius:12px;gap:18px;padding:20px;display:grid}.sgmb-demo-shortcuts button:hover,.sgmb-demo-panel{box-shadow:0 1px 3px #0000000f}.sgmb-demo-shortcuts button span{color:#64707d;font-size:12px}.sgmb-demo-form,.sgmb-demo-panel{background:#fff;border:1px solid #dfe5ea;border-radius:12px;padding:20px}.sgmb-demo-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.sgmb-demo-form label{flex:170px;gap:7px;font-size:13px;font-weight:700;display:grid}.sgmb-demo input,.sgmb-demo select{color:#17202a;background:#fff;border:1px solid #c8d0d8;border-radius:8px;min-width:0;max-width:100%;min-height:41px;padding:8px 10px;font-size:14px}.sgmb-demo-form button,.sgmb-demo-listrow button{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;min-height:41px;padding:11px 15px;font-size:13px;font-weight:700}.sgmb-demo-form button:hover,.sgmb-demo-listrow button:hover{background:#343b48}.sgmb-demo-price{padding:11px;font-size:16px;font-weight:800}.sgmb-demo-panel h2{margin:0 0 16px;font-size:18px}.sgmb-demo-panel>input{width:min(100%,380px);margin-bottom:12px}.sgmb-demo-panel>p{color:#64707d;font-size:14px;line-height:1.6}.sgmb-demo-listrow{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:14px;padding:15px 2px;display:flex}.sgmb-demo-listrow>div:first-child{gap:6px;min-width:0;display:grid}.sgmb-demo-listrow strong{font-size:14px}.sgmb-demo-listrow small{color:#64707d;font-size:12px;line-height:1.5}.sgmb-demo-inline{gap:6px;display:flex}.sgmb-demo-inline button{min-width:52px}.sgmb-demo-done{color:#176b45;font-size:12px;font-weight:700}@media (max-width:900px){.sgmb-demo-sidebar{width:190px}.sgmb-demo-main{margin-left:190px}.sgmb-demo-content{padding:16px}}@media (max-width:640px){.sgmb-demo-sidebar{width:100%;position:relative;inset:auto}.sgmb-demo-brand{min-height:56px;padding:10px 14px}.sgmb-demo-side-label,.sgmb-demo-sidebar-bottom{display:none}.sgmb-demo-sidebar nav{border-bottom:1px solid #2c3945;gap:6px;padding:8px;display:flex;overflow-x:auto}.sgmb-demo-sidebar nav button{white-space:nowrap;flex-shrink:0;min-height:38px;padding:6px 9px}.sgmb-demo-sidebar nav button span{display:none}.sgmb-demo-main{margin:0}.sgmb-demo-topbar{min-height:58px;padding:10px 14px}.sgmb-demo-content{gap:14px;padding:12px}.sgmb-demo-warning{gap:8px;display:grid}.sgmb-demo-warning span{min-width:0}.sgmb-demo-form,.sgmb-demo-panel{padding:14px}.sgmb-demo-form label,.sgmb-demo-form button{flex-basis:100%}.sgmb-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sgmb-demo-metrics>div{padding:14px}.sgmb-demo-metrics strong{font-size:19px}.sgmb-demo-listrow{flex-wrap:wrap;align-items:flex-start}}