:root{
  --bbo-beige:#C9B99C;--bbo-gold:#A48967;--bbo-sand:#E0D9C8;--bbo-coffee:#615A51;--bbo-stone:#81796F;
  --bbo-charcoal:#33302C;--bbo-warm:#FBFAF8;--bbo-cream:#F5EFE5;--bbo-white:#fff;--bbo-border:rgba(97,90,81,.18);
  --bbo-shadow:0 18px 60px rgba(51,48,44,.10);--bbo-serif:Georgia,"Times New Roman",serif;--bbo-sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}.bbo-body{margin:0;background:var(--bbo-cream);color:var(--bbo-charcoal);font-family:var(--bbo-sans);line-height:1.55;-webkit-font-smoothing:antialiased}.bbo-body button,.bbo-body input{font:inherit}.bbo-body a{color:inherit}.bbo-topbar{position:sticky;top:0;z-index:20;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,4vw,44px);background:rgba(251,250,248,.97);border-bottom:1px solid var(--bbo-border);backdrop-filter:blur(14px)}.bbo-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.bbo-brand img{width:122px;height:50px;object-fit:contain}.bbo-brand span{padding-left:14px;border-left:1px solid var(--bbo-border);color:var(--bbo-coffee)}.bbo-logout,.bbo-text-link{color:var(--bbo-coffee);font-weight:700;text-decoration:underline;text-decoration-color:var(--bbo-gold);text-underline-offset:4px}.bbo-layout{width:min(1360px,100%);margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;min-height:calc(100vh - 78px)}.bbo-sidebar{padding:28px 18px;border-right:1px solid var(--bbo-border);background:rgba(251,250,248,.68)}.bbo-nav-link{display:block;padding:13px 15px;margin:4px 0;text-decoration:none;border-radius:12px;color:var(--bbo-coffee);font-weight:700}.bbo-nav-link:hover,.bbo-nav-link.is-active{background:var(--bbo-white);color:var(--bbo-charcoal);box-shadow:0 6px 20px rgba(51,48,44,.06)}.bbo-nav-link.is-active{border-left:3px solid var(--bbo-gold)}.bbo-content{min-width:0;padding:clamp(28px,5vw,64px);max-width:1100px;width:100%;margin:0 auto}.bbo-heading{margin-bottom:30px}.bbo-heading h1,.bbo-panel h2,.bbo-login-card h1{font-family:var(--bbo-serif);font-weight:500;line-height:1.08;letter-spacing:-.025em;margin:0 0 12px}.bbo-heading h1{font-size:clamp(2.2rem,4vw,3.7rem)}.bbo-panel h2{font-size:clamp(1.45rem,2.4vw,2rem)}.bbo-heading p,.bbo-panel p,.bbo-login-card p{color:var(--bbo-coffee);margin:0 0 14px}.bbo-kicker{margin:0 0 8px!important;color:var(--bbo-gold)!important;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.bbo-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.bbo-metric,.bbo-panel{background:var(--bbo-white);border:1px solid var(--bbo-border);box-shadow:var(--bbo-shadow)}.bbo-metric{padding:22px;border-radius:16px}.bbo-metric span,.bbo-metric small{display:block;color:var(--bbo-coffee)}.bbo-metric strong{display:block;margin:5px 0;font-family:var(--bbo-serif);font-size:2.35rem;font-weight:500}.bbo-panel{padding:clamp(20px,3vw,30px);border-radius:18px;margin-bottom:20px}.bbo-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bbo-panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.bbo-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bbo-status.is-on{background:#edf6ef;color:#2e6840}.bbo-status.is-off{background:#f4eded;color:#7b4242}.bbo-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--bbo-charcoal);border-radius:10px;background:transparent;color:var(--bbo-charcoal);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.bbo-button:hover{background:var(--bbo-charcoal);color:var(--bbo-white)}.bbo-button--primary{background:var(--bbo-gold);border-color:var(--bbo-gold);color:#251f18}.bbo-button--primary:hover{background:var(--bbo-charcoal);border-color:var(--bbo-charcoal);color:var(--bbo-white)}.bbo-button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.bbo-notice{padding:15px 17px;margin-bottom:20px;border-radius:12px;border:1px solid var(--bbo-border);background:var(--bbo-white)}.bbo-notice--ok{border-color:#a8ccb0;background:#f1f8f2;color:#2f613a}.bbo-notice--error{border-color:#ddb4b4;background:#fff5f5;color:#7a3030}.bbo-notice--soft{background:#f8f3ea}.bbo-form label{display:grid;gap:7px;color:var(--bbo-charcoal);font-weight:700}.bbo-form input[type=text],.bbo-form input[type=password],.bbo-form input[type=email]{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--bbo-border);border-radius:10px;background:#fff;color:var(--bbo-charcoal)}.bbo-check{display:flex!important;grid-template-columns:auto!important;align-items:center;gap:9px!important;font-weight:500!important}.bbo-password-form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}.bbo-password-form .bbo-button{grid-column:1/-1;justify-self:start}.bbo-promo-state{display:flex;align-items:center;justify-content:space-between;gap:22px}.bbo-switch{display:flex!important;align-items:center;gap:10px!important;padding:10px 14px;background:var(--bbo-cream);border-radius:999px}.bbo-switch input{width:20px;height:20px;accent-color:var(--bbo-gold)}.bbo-promo-list{display:grid;gap:16px}.bbo-promo-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:14px;border:1px solid var(--bbo-border);border-radius:14px;background:var(--bbo-warm)}.bbo-promo-card img{width:150px;height:180px;object-fit:contain;background:#eee6da;border-radius:8px}.bbo-promo-card__body{min-width:0;display:grid;align-content:start;gap:12px}.bbo-card-actions{display:flex;flex-wrap:wrap;gap:8px}.bbo-mini{min-height:38px;padding:8px 11px;border:1px solid var(--bbo-border);border-radius:8px;background:#fff;cursor:pointer;font-weight:700;color:var(--bbo-charcoal)}.bbo-mini:hover{border-color:var(--bbo-gold)}.bbo-mini--danger{color:#8a3c3c}.bbo-file-label{font-size:.82rem;min-width:0}.bbo-file-label input{font-weight:400;max-width:100%;min-width:0;width:100%}.bbo-upload-box{display:grid!important;gap:5px!important;margin-top:18px;padding:22px;border:1px dashed var(--bbo-gold);border-radius:12px;background:#fbf8f2;cursor:pointer}.bbo-upload-box small{color:var(--bbo-coffee);font-weight:400}.bbo-upload-box input{margin-top:8px;max-width:100%;min-width:0;width:100%;font-size:.78rem}.bbo-form,.bbo-panel,.bbo-upload-box{min-width:0}.bbo-publish-bar{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:10px;padding:12px;margin-top:18px;border:1px solid var(--bbo-border);border-radius:14px;background:rgba(251,250,248,.94);box-shadow:var(--bbo-shadow);backdrop-filter:blur(14px)}.bbo-preview{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:16px;box-shadow:0 28px 90px rgba(25,22,19,.35);background:var(--bbo-warm)}.bbo-preview::backdrop{background:rgba(27,24,21,.7);backdrop-filter:blur(4px)}.bbo-preview__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--bbo-border)}.bbo-preview__stage{padding:14px;display:grid;gap:14px;max-height:calc(100dvh - 90px);overflow:auto}.bbo-preview__stage img{max-width:100%;max-height:calc(100dvh - 140px);margin:auto;object-fit:contain}.bbo-periods{display:flex;gap:7px;flex-wrap:wrap}.bbo-periods a{padding:7px 9px;border-radius:8px;background:var(--bbo-cream);text-decoration:none;font-size:.78rem;font-weight:700}.bbo-periods a.is-active{background:var(--bbo-charcoal);color:white}.bbo-chart{width:100%;min-height:310px;overflow:hidden}.bbo-chart svg{display:block;width:100%;height:auto}.bbo-chart text{font-family:var(--bbo-sans);fill:var(--bbo-coffee);font-size:11px}.bbo-chart .line{fill:none;stroke:var(--bbo-gold);stroke-width:3}.bbo-chart .area{fill:rgba(164,137,103,.13)}.bbo-chart .grid{stroke:rgba(97,90,81,.15);stroke-width:1}.bbo-chart .dot{fill:var(--bbo-gold)}.bbo-empty{padding:30px;text-align:center;background:var(--bbo-cream);border-radius:12px}.bbo-footnote{font-size:.82rem;color:var(--bbo-coffee)}.bbo-account-list{margin:0}.bbo-account-list div{display:grid;grid-template-columns:100px 1fr;padding:10px 0;border-bottom:1px solid var(--bbo-border)}.bbo-account-list dt{color:var(--bbo-coffee)}.bbo-account-list dd{margin:0;font-weight:700;overflow-wrap:anywhere}.bbo-login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top left,rgba(201,185,156,.38),transparent 38%),var(--bbo-cream)}.bbo-login-card{width:min(470px,100%);padding:clamp(28px,6vw,48px);background:var(--bbo-white);border:1px solid var(--bbo-border);border-radius:20px;box-shadow:var(--bbo-shadow)}.bbo-login-card h1{font-size:clamp(2rem,7vw,3rem)}.bbo-login-logo{width:160px;height:88px;object-fit:contain;margin-bottom:18px}.bbo-login-form{display:grid;gap:15px;margin:22px 0 16px}.bbo-login-form .bbo-button{width:100%}.bbo-body :focus-visible{outline:3px solid var(--bbo-gold);outline-offset:3px}
@media(max-width:820px){.bbo-topbar{min-height:68px}.bbo-brand img{width:100px;height:42px}.bbo-brand span{display:none}.bbo-layout{display:block}.bbo-sidebar{position:sticky;top:68px;z-index:15;display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--bbo-border);background:rgba(251,250,248,.97);scrollbar-width:none}.bbo-sidebar::-webkit-scrollbar{display:none}.bbo-nav-link{flex:0 0 auto;margin:0;padding:10px 12px}.bbo-nav-link.is-active{border-left:0;border-bottom:3px solid var(--bbo-gold)}.bbo-content{padding:28px 16px 90px}.bbo-metric-grid{grid-template-columns:1fr 1fr}.bbo-metric-grid .bbo-metric:last-child{grid-column:1/-1}.bbo-panel-grid{grid-template-columns:1fr}.bbo-password-form{grid-template-columns:1fr}.bbo-promo-card{grid-template-columns:112px minmax(0,1fr)}.bbo-promo-card img{width:112px;height:145px}.bbo-publish-bar{bottom:8px}.bbo-chart{min-height:240px}}
@media(max-width:480px){.bbo-topbar{padding:10px 14px}.bbo-logout{font-size:.78rem}.bbo-heading h1{font-size:2.25rem}.bbo-metric-grid{grid-template-columns:1fr}.bbo-metric-grid .bbo-metric:last-child{grid-column:auto}.bbo-panel{padding:18px}.bbo-promo-state{align-items:flex-start;flex-direction:column}.bbo-promo-card{grid-template-columns:1fr}.bbo-promo-card img{width:100%;height:min(56dvh,430px)}.bbo-publish-bar{display:grid;grid-template-columns:1fr 1.25fr}.bbo-publish-bar .bbo-button{padding-inline:9px}.bbo-panel__head{flex-direction:column}.bbo-account-list div{grid-template-columns:1fr;gap:4px}}