:root{--sbk-brand: #0f766e;--sbk-brand-dark: #115e59;--sbk-text: #11211f;--sbk-muted: #5b6f6b;--sbk-surface: rgba(255, 255, 255, .82);--sbk-border: rgba(15, 118, 110, .16);--sbk-radius: 14px;--sbk-shadow: 0 20px 55px rgba(16, 34, 31, .12);color-scheme:light;font-family:Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--sbk-text);background:radial-gradient(circle at top left,rgba(15,118,110,.22),transparent 35%),radial-gradient(circle at top right,rgba(13,148,136,.12),transparent 28%),linear-gradient(180deg,#f5fbfa,#eef6f3)}a{color:inherit;text-decoration:none}button,input{font:inherit}#app{min-height:100vh}.sbk-app-shell{min-height:100vh;padding:20px}.sbk-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.sbk-brand-lockup{display:flex;gap:14px;align-items:center}.sbk-brand-lockup p,.sbk-support-link,.sbk-hero-copy p,.sbk-panel p,.sbk-avatar-actions p{color:var(--sbk-muted)}.sbk-brand-logo{width:56px;height:56px;object-fit:contain;border-radius:18px;background:#fffc;padding:8px;box-shadow:0 8px 20px #0f766e29}.sbk-support-link{padding:12px 16px;border:1px solid var(--sbk-border);border-radius:999px;background:#ffffffad}.sbk-layout{display:grid;gap:18px}.sbk-sidebar{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.sbk-nav-link{white-space:nowrap;border-radius:999px;padding:12px 16px;background:#ffffffb8;border:1px solid transparent}.sbk-nav-link.is-active{background:var(--sbk-brand);color:#fff;box-shadow:0 10px 24px #0f766e33}.sbk-content,.sbk-grid,.sbk-page-stack{display:grid;gap:18px}.sbk-grid-profile{align-items:start}.sbk-panel{background:var(--sbk-surface);border:1px solid var(--sbk-border);border-radius:var(--sbk-radius);box-shadow:var(--sbk-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px;overflow:hidden}.sbk-panel-embedded .pf-v6-c-page,.sbk-panel-embedded .pf-v5-c-page{min-height:auto}.sbk-hero{display:grid;gap:18px;background:linear-gradient(135deg,#0f766e14,#ffffffe0),var(--sbk-surface)}.sbk-eyebrow{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#0f766e1f;color:var(--sbk-brand-dark);font-size:.85rem;font-weight:700}.sbk-hero h1,.sbk-panel h1,.sbk-panel h2{margin-top:0;margin-bottom:10px;line-height:1.1}.sbk-chip-row{display:flex;flex-wrap:wrap;gap:10px}.sbk-chip{padding:8px 12px;border-radius:999px;background:#0f766e1a;color:var(--sbk-brand-dark);font-weight:600}.sbk-hero-user{display:flex;gap:16px;align-items:center}.sbk-avatar{display:grid;place-items:center;flex-shrink:0;border-radius:28%;background:linear-gradient(135deg,var(--sbk-brand),#14b8a6);color:#fff;font-weight:700;overflow:hidden}.sbk-avatar img{width:100%;height:100%;object-fit:cover}.sbk-avatar-large{width:88px;height:88px;font-size:1.65rem}.sbk-avatar-xl{width:132px;height:132px;font-size:2rem}.sbk-form{display:grid;gap:14px}.sbk-form label{display:grid;gap:8px;font-weight:600}.sbk-form input{min-height:52px;border-radius:14px;border:1px solid rgba(17,33,31,.12);padding:0 16px;background:#fffffff5}.sbk-primary-button,.sbk-link-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 18px;border:none;border-radius:14px;background:var(--sbk-brand);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 16px 24px #0f766e2e}.sbk-primary-button:disabled{cursor:wait;opacity:.8}.sbk-link-button{width:fit-content}.sbk-avatar-uploader{display:grid;gap:18px;justify-items:start}.sbk-avatar-actions{display:grid;gap:12px}.sbk-hidden-input{display:none}.sbk-flash{padding:14px 16px;border-radius:14px;font-weight:600}.sbk-flash-success{background:#14b8a61f;color:#0f766e}.sbk-flash-error{background:#dc26261a;color:#991b1b}.pf-v6-c-page__main,.pf-v5-c-page__main{background:transparent}@media(min-width:768px){.sbk-app-shell{padding:28px}.sbk-layout{grid-template-columns:230px minmax(0,1fr);align-items:start}.sbk-sidebar{position:sticky;top:24px;display:grid;gap:10px}.sbk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbk-grid-profile{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.sbk-hero{grid-column:1 / -1;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center}}@media(min-width:1366px){.sbk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sbk-hero{min-height:320px}}