html[data-bogpt]{--bg:#f5f3ed;--panel:#fffefa;--panel-hover:#edf0e7;--text:#193a2e;--text-dim:#657369;--border:#d8ddd3;--primary:#285e48;--primary-hover:#1c4534;--success:#285e48;--shadow-sm:none;--shadow-md:none;--shadow-lg:0 10px 35px #193d2d0c;--shadow-focus:0 0 0 3px #285e4820}
html[data-bogpt] body{background:var(--bg);color:var(--text)}
.workspace-navigation{display:flex;align-items:center;gap:24px;font-size:12px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--panel);color:var(--text-dim)}.workspace-navigation a{color:inherit;text-decoration:none;white-space:nowrap}.workspace-navigation a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:5px}.workspace-navigation strong{margin-right:auto;font-weight:600;color:var(--text);font-size:15px}
html[data-bogpt] .recharge-page .site-header{background:var(--bg);box-shadow:none;border-bottom:1px solid var(--border)}html[data-bogpt] .recharge-page .header-inner{max-width:1240px;width:calc(100% - 80px);min-height:80px;padding:0;margin:auto}html[data-bogpt] .recharge-page .brand{color:var(--primary)}
html[data-bogpt] .recharge-page .page-shell{max-width:1240px;width:calc(100% - 80px);margin:0 auto;padding:64px 0;display:grid;grid-template-columns:1fr 1.15fr;column-gap:70px;align-items:start}
html[data-bogpt] .recharge-page .site-hero{text-align:left;margin:0;padding:12px 0 20px;grid-column:1}
html[data-bogpt] .hero-eyebrow{background:none;border:0;box-shadow:none;color:var(--text-dim);font-size:11px;letter-spacing:2px;padding:0;margin-bottom:24px}
html[data-bogpt] .recharge-page .site-hero h1{font-size:52px;line-height:1.2;font-weight:550;letter-spacing:-2px;color:var(--text);background:none;-webkit-text-fill-color:var(--text);margin:16px 0 24px}
html[data-bogpt] .hero-subtitle{font-size:14px;line-height:1.9;color:var(--text-dim);max-width:420px;margin:0}
html[data-bogpt] .feature-badges{justify-content:flex-start;margin-top:26px;gap:8px}html[data-bogpt] .feature-badge{border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:3px;box-shadow:none;font-size:11px}
html[data-bogpt] .recharge-page .plan-showcase{grid-column:1;display:flex;flex-direction:column;gap:0;margin:15px 0;border-top:1px solid var(--border)}html[data-bogpt] .recharge-page .plan-card{padding:20px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;box-shadow:none;transform:none}html[data-bogpt] .recharge-page .plan-card h3{font-size:16px}html[data-bogpt] .recharge-page .plan-card p{font-size:12px;line-height:1.7}html[data-bogpt] .plan-tag{background:#e2e9dc;color:var(--primary);border:0;border-radius:3px}
html[data-bogpt] .recharge-page #paymentRegionHint{grid-column:1;text-align:left;font-size:11px;color:var(--text-dim)}
html[data-bogpt] .recharge-page .recharge-card{grid-column:2;grid-row:1 / span 4;margin:0;width:100%;max-width:none;border-radius:6px;border:1px solid var(--border);border-top:4px solid var(--primary);padding:32px;box-shadow:none;background:var(--panel)}html[data-bogpt] .recharge-page .card-head h2{font-size:24px;font-weight:550}html[data-bogpt] .recharge-page .notice-banner{background:#edf0e7;border:0;border-left:2px solid var(--primary);border-radius:0;padding:16px;font-size:12px;color:var(--text-dim)}html[data-bogpt] .recharge-page .notice-banner p{color:var(--text-dim);line-height:1.7}
html[data-bogpt] .recharge-page .tab-nav{border-radius:4px;background:#edf0e7;padding:4px}html[data-bogpt] .recharge-page .tab-btn.active{background:var(--primary);color:#fff;box-shadow:none;border-radius:3px}html[data-bogpt] input,html[data-bogpt] textarea,html[data-bogpt] select{border-color:var(--border);border-radius:4px;background:var(--panel);color:var(--text)}html[data-bogpt] .btn-primary{background:var(--primary);border-radius:4px;box-shadow:none}html[data-bogpt] .btn-primary:hover{background:var(--primary-hover);transform:none}
html[data-bogpt] .sidebar{width:236px;padding:28px 18px;background:#193d2d;border:0;color:#e7eee3;box-shadow:none}html[data-bogpt] .sidebar-brand{padding:0 10px 26px;border-bottom:1px solid #ffffff20;margin-bottom:22px;gap:12px}html[data-bogpt] .brand-name{color:#f0f4e5;font-size:16px;font-weight:550}html[data-bogpt] .brand-logo{background:#365841;border-radius:5px;box-shadow:none}
html[data-bogpt] .sidebar .nav-item{color:#c7d6c7;background:none;border-radius:4px;margin-bottom:3px;padding:11px 13px;font-size:12px}html[data-bogpt] .sidebar .nav-item:hover{background:#ffffff10;color:#fff}html[data-bogpt] .sidebar .nav-item.active{background:#d9e7c8;color:#193d2d;box-shadow:none}html[data-bogpt] .sidebar-footer{border-color:#ffffff20}
html[data-bogpt] .main-content{margin-left:236px;padding:0 40px 40px;max-width:none;background:var(--bg);min-width:0}html[data-bogpt] .main-content>.workspace-navigation{margin:0 -40px 35px;padding:23px 40px;background:var(--bg)}
html[data-bogpt] .page-header{margin:0 0 28px;padding:0 0 25px;border-bottom:1px solid var(--border)}html[data-bogpt] .page-header h1{font-size:34px;font-weight:550;letter-spacing:-1px;color:var(--text)}html[data-bogpt] .page-header p{font-size:13px;color:var(--text-dim)}
html[data-bogpt] .stat-grid{gap:0;border-block:1px solid var(--border);margin-bottom:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--panel)}html[data-bogpt] .stat-card{box-shadow:none;border:0;border-right:1px solid var(--border);border-radius:0;padding:22px;background:none}html[data-bogpt] .stat-card:last-child{border-right:0}html[data-bogpt] .stat-card .stat-value{color:var(--text)!important;font-size:32px;font-weight:500;letter-spacing:-1px}html[data-bogpt] .stat-label{font-size:12px;color:var(--text-dim)}html[data-bogpt] .stat-icon{background:#e7eddf!important;color:var(--primary)!important;border-radius:4px}
html[data-bogpt] .section-card,html[data-bogpt] .panel,html[data-bogpt] .table-container,html[data-bogpt] .content-card{border:1px solid var(--border);border-radius:5px;background:var(--panel);box-shadow:none}html[data-bogpt] th{background:#e9ede3;color:var(--text-dim);font-size:11px}html[data-bogpt] td{font-size:12px;border-color:var(--border)}html[data-bogpt] .btn{border-radius:4px;box-shadow:none}html[data-bogpt] .btn-primary,html[data-bogpt] .btn-success{background:var(--primary);color:#fff;border-color:var(--primary)}
.workspace-quick-actions{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 28px}.workspace-quick-actions button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:15px 22px;border-radius:4px;font-size:12px;cursor:pointer}.workspace-quick-actions button:hover{border-color:var(--primary);background:#e7eddf}.workspace-quick-actions span{margin-right:24px;color:var(--text-dim)}
.workspace-mode-note{font-size:11px;color:var(--text-dim);border-left:2px solid var(--primary);padding:10px 14px;background:#e8ecdf;margin:16px 0}
html[data-bogpt] body.workspace-login{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;place-items:stretch;min-height:100vh}.workspace-login-story{background:#193d2d;color:#eff1de;padding:120px 70px 70px;display:flex;flex-direction:column;justify-content:center}.workspace-login-story>span{font-size:11px;letter-spacing:2px;color:#b5c9ae}.workspace-login-story h2{font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.3;letter-spacing:-2px;margin:32px 0}.workspace-login-story em{font-style:normal;color:#b6cf9c}.workspace-login-story p{color:#c6d6bc;font-size:14px;line-height:1.9}.workspace-login-story .workspace-navigation{margin-top:50px;padding:22px 0;background:none;flex-wrap:wrap;gap:20px;color:#c9dcc1;border-top:1px solid #ffffff25;border-bottom:0}.workspace-login-story .workspace-navigation strong{display:none}
html[data-bogpt] .workspace-login>.card{align-self:center;justify-self:center;border:0;box-shadow:none;border-radius:0;background:none;padding:45px 24px;width:calc(100% - 50px);max-width:420px}.workspace-login .card h1{font-size:28px;font-weight:550}.workspace-login .card button{border-radius:4px}.workspace-login .card input{border-radius:4px}
@media(max-width:1100px){html[data-bogpt] .recharge-page .page-shell{column-gap:35px}html[data-bogpt] .recharge-page .site-hero h1{font-size:42px}html[data-bogpt] .stat-card{padding:16px}.workspace-navigation{gap:15px;font-size:11px}}
@media(max-width:760px){.workspace-navigation{padding:14px 18px;gap:20px;overflow-x:auto}.workspace-navigation strong{display:none}html[data-bogpt] .recharge-page .header-inner,html[data-bogpt] .recharge-page .page-shell{width:calc(100% - 36px)}html[data-bogpt] .recharge-page .page-shell{display:flex;flex-direction:column;padding:30px 0;gap:24px}html[data-bogpt] .recharge-page .site-hero{padding:0}html[data-bogpt] .recharge-page .site-hero h1{font-size:38px}html[data-bogpt] .recharge-page .plan-showcase{order:4;width:100%}html[data-bogpt] .recharge-page #paymentRegionHint{order:5}html[data-bogpt] .recharge-page .recharge-card{padding:22px;order:3}html[data-bogpt] .sidebar{position:relative;width:100%;height:auto;padding:20px}html[data-bogpt] .sidebar-brand{padding-bottom:16px;margin-bottom:14px}html[data-bogpt] .sidebar .nav-menu{display:flex;flex-wrap:wrap;gap:5px}html[data-bogpt] .sidebar .nav-item{white-space:nowrap;margin:0;padding:9px 12px}html[data-bogpt] .sidebar .nav-group{width:100%}html[data-bogpt] .sidebar .nav-subitems{display:flex;overflow-x:auto;padding-left:0}html[data-bogpt] .sidebar-footer{display:flex;margin-top:16px;padding-top:12px}html[data-bogpt] .main-content{margin-left:0;padding:0 18px 30px;width:100%}html[data-bogpt] .main-content>.workspace-navigation{margin:0 -18px 25px;padding:17px 18px}html[data-bogpt] .page-header h1{font-size:28px}html[data-bogpt] .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-bogpt] .stat-card{border-bottom:1px solid var(--border)}html[data-bogpt] body.workspace-login{display:block}.workspace-login-story{padding:55px 28px 30px}.workspace-login-story h2{font-size:36px;letter-spacing:-1px;margin:24px 0}.workspace-login-story .workspace-navigation{margin-top:25px}html[data-bogpt] .workspace-login>.card{margin:auto;padding:35px 0;width:calc(100% - 40px)}.workspace-quick-actions{gap:8px}.workspace-quick-actions button{padding:12px}.workspace-quick-actions span{margin-right:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html[data-bogpt]{--text-main:#193a2e}html[data-bogpt] .sidebar .brand-name{-webkit-text-fill-color:#f0f4e5}
html[data-bogpt] .main-content{margin-left:0}html[data-bogpt] .sidebar{flex-shrink:0}html[data-bogpt] .sidebar .brand-name{font-size:14px} @media(max-width:760px){html[data-bogpt] body:has(>.sidebar){display:block;overflow:auto;height:auto}html[data-bogpt] .sidebar .nav-menu{flex-direction:row}}
@media(max-width:760px){html[data-bogpt] .recharge-page .site-hero{order:0}html[data-bogpt] .recharge-page .recharge-card{order:1}html[data-bogpt] .recharge-page .faq-panel{order:6;width:100%}html[data-bogpt] .recharge-page #publicRuntimeCard{order:7;width:100%}} .workspace-login-story>.workspace-navigation{order:5}html[data-bogpt] .brand-logo img{width:30px;height:30px}
.workspace-mobile-toggle{display:none}@media(max-width:760px){html[data-bogpt] .workspace-mobile-toggle{display:block;border:1px solid #ffffff30;background:transparent;color:#d7e6cd;padding:10px 13px;border-radius:4px;font-size:12px;width:100%;text-align:left}html[data-bogpt] .sidebar:not(.workspace-menu-open) .nav-menu,html[data-bogpt] .sidebar:not(.workspace-menu-open) .sidebar-footer{display:none}html[data-bogpt] .sidebar .nav-menu{margin-top:15px}}
html[data-bogpt] .brand-picture-icon{background:#f8f6e9 url('/ops/bogpt-logo.png') left center/auto 100% no-repeat;box-shadow:none;border-radius:5px}
html[data-bogpt] .workspace-login-story>.brand-picture{display:block;width:min(210px,65%);height:auto;object-fit:contain;margin-bottom:20px;padding:10px 14px;background:#f8f6e9;border-radius:8px}