/* BoldedgeEdu premium visual layer: shared by the F0 workspace and F1 authentication experience. */
:root { --font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-display: "Manrope", var(--font-sans); --ink: #172536; --muted: #647184; --subtle: #96a0ae; --canvas: #f6f7f8; --surface: #ffffff; --surface-muted: #f1f4f6; --border: #e5e9ed; --primary: #123d63; --primary-hover: #0c2e4c; --primary-soft: #e9f0f5; --success: #16735d; --success-soft: #e8f5ef; --warning: #9b650e; --warning-soft: #fff6e4; --danger: #b64052; --danger-soft: #fceff1; --radius-sm: .4rem; --radius-md: .625rem; --radius-lg: .9rem; --radius-xl: 1.1rem; --shadow-sm: 0 1px 2px rgb(17 35 50 / .04); --shadow-md: 0 12px 28px rgb(17 35 50 / .07); --shadow-lg: 0 24px 48px rgb(17 35 50 / .12); }
[data-theme="dark"] { --ink: #ecf1f5; --muted: #a5b1c0; --subtle: #718094; --canvas: #0e1721; --surface: #14202d; --surface-muted: #192837; --border: #263747; --primary: #7fa6c4; --primary-hover: #a7c4da; --primary-soft: #1c3043; --success: #70cbb0; --success-soft: #143c34; --warning: #e9bd63; --warning-soft: #443518; --danger: #f28c99; --danger-soft: #442631; --shadow-md: 0 12px 28px rgb(0 0 0 / .2); }
body { font-size: .875rem; letter-spacing: -.008em; } h1, h2, h3, .brand-name, .metric-card strong { font-family: var(--font-display); } .brand-mark { border-radius: .55rem; background: #16735d; box-shadow: none; }.brand-name { font-weight: 800; letter-spacing: -.065em; }.brand-name span { color: #2b9b7d; }
.app-sidebar { flex-basis: 236px; padding: 1.5rem .85rem 1rem; background: #101d2b; border: 0; }.app-sidebar .brand { padding: 0 .6rem; margin-bottom: 2.25rem; color: #f6f8fa; }.app-sidebar .tenant-card { margin: 0 .35rem; border: 1px solid rgb(255 255 255 / .09); border-radius: .65rem; background: rgb(255 255 255 / .05); color: #eff5f8; }.app-sidebar .tenant-card small, .app-sidebar .profile-row small { color: #93a4b7; }.app-sidebar .tenant-avatar { background: #1d6055; color: #c7f1e3; }.app-sidebar .icon-button { color: #9db0c2; }.app-sidebar .nav-caption { padding: 0 .7rem; color: #6f8296; font-size: .61rem; letter-spacing: .13em; }.app-sidebar .nav-link { min-height: 2.45rem; padding: 0 .7rem; border-radius: .45rem; color: #aab9c8; font-size: .78rem; }.app-sidebar .nav-link:hover { background: rgb(255 255 255 / .055); color: #fff; }.app-sidebar .nav-link.active { position: relative; background: rgb(43 155 125 / .14); color: #a8ead7; }.app-sidebar .nav-link.active::before { position: absolute; width: 3px; height: 1.15rem; inset-inline-start: -.85rem; border-radius: 0 3px 3px 0; background: #42c19e; content: ""; }.app-sidebar .help-card { margin: 0 .25rem 1rem; background: transparent; color: #a8ead7; }.app-sidebar .help-card small { color: #8193a7; }.app-sidebar .profile-row { border-color: rgb(255 255 255 / .08); color: #edf3f7; }.app-sidebar .profile-avatar { background: #d8f0e8; color: #145b49; }
.topbar { min-height: 70px; background: var(--canvas); border: 0; }.breadcrumb-wrap { display: flex; align-items: center; gap: .65rem; }.breadcrumb-wrap .eyebrow { margin: 0; color: var(--subtle); font-size: .62rem; }.breadcrumb-current { padding-inline-start: .65rem; border-inline-start: 1px solid var(--border); font-family: var(--font-display); font-size: .9rem; font-weight: 700; }.topbar .icon-button { border-radius: 50%; }.topbar .icon-button:hover { background: var(--surface); box-shadow: var(--shadow-sm); }.page-content { width: min(100%, 1360px); padding: clamp(1.5rem, 3.5vw, 3.25rem); }
.hero-panel { grid-template-columns: minmax(0, 1.2fr) minmax(180px, .8fr); min-height: 280px; padding: clamp(1.75rem, 4vw, 3.4rem); border: 0; border-radius: var(--radius-xl); background: #11283a; box-shadow: none; }.hero-panel::after { width: 22rem; height: 22rem; border: 1px solid rgb(255 255 255 / .12); }.hero-panel h1 { max-width: 640px; color: #f8fbfc; font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3.15rem); font-weight: 800; letter-spacing: -.065em; }.hero-panel p { color: #b8c7d2; }.hero-panel .status-pill { background: rgb(66 193 158 / .16); color: #a8ead7; }.hero-panel .btn-primary { border-color: #2ca485; background: #2ca485; }.hero-panel .btn-primary:hover { border-color: #42b997; background: #42b997; }.hero-panel .btn-quiet { color: #d1dde4; }.hero-panel .btn-quiet:hover { background: rgb(255 255 255 / .09); color: #fff; }.hero-orbit { opacity: .9; }.orbit-center { border: 1px solid rgb(255 255 255 / .15); border-radius: 1rem; background: #1d7564; box-shadow: 0 18px 30px rgb(0 0 0 / .15); }.orbit-chip { border: 0; border-radius: .65rem; box-shadow: 0 8px 18px rgb(0 0 0 / .11); }
.stats-grid { gap: .75rem; margin: 1rem 0 3.5rem; }.metric-card { position: relative; min-height: 6.25rem; padding: 1.1rem 1rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.metric-card:not(:last-child) { border-inline-end: 1px solid var(--border); }.metric-card strong { font-size: 1.15rem; font-weight: 800; }.metric-card span:not(.metric-icon) { margin-top: .16rem; font-size: .68rem; }.metric-icon { width: 2rem; height: 2rem; border-radius: .45rem; }.metric-arrow { align-self: flex-start; font-size: .75rem; }.content-section { margin-top: 3.5rem; }.section-heading { margin-bottom: 1.25rem; }.section-heading h2 { font-family: var(--font-display); font-size: 1.48rem; font-weight: 800; letter-spacing: -.05em; }.section-heading p { font-size: .82rem; }.surface-card { border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: none; }.surface-card:hover { border-color: color-mix(in srgb, var(--primary) 24%, var(--border)); }.component-grid { gap: .85rem; }.component-card { min-height: 198px; padding: 1.25rem; }.component-header h3 { font-family: var(--font-display); font-size: .88rem; font-weight: 800; }.component-code { border-radius: .25rem; }.btn { min-height: 2.45rem; border-radius: .45rem; font-size: .74rem; }.btn-primary { border-color: var(--primary); background: var(--primary); }.btn-primary:hover { border-color: var(--primary-hover); background: var(--primary-hover); }.btn-secondary { background: var(--surface); }.btn-danger { background: #b64052; }.btn-quiet { color: var(--muted); }.btn-quiet:hover { background: var(--surface-muted); }.btn-outline-primary { border-color: #b4c4d1; }.form-control { min-height: 2.6rem; border-color: #dce3e8; border-radius: .45rem; }.form-control:focus { box-shadow: 0 0 0 .2rem rgb(22 115 93 / .13); border-color: #25856f; }.tabs { gap: .8rem; }.tab { padding-inline: .1rem; }.layout-grid { gap: 1rem; }.table-card, .state-card { padding: 1.3rem; }.app-table > :not(caption) > * > * { padding: 1rem .7rem; }.app-table tbody tr { transition: background .16s; }.app-table tbody tr:hover { background: var(--surface-muted); }.state-card { background: #f0f5f3; border: 0; } [data-theme="dark"] .state-card { background: #172c2a; }.skeleton-section { border-radius: var(--radius-lg); background: transparent; border: 1px dashed var(--border); }.app-footer { border: 0; }
.auth-topbar { height: 70px; background: color-mix(in srgb, var(--surface) 88%, transparent); border-bottom: 1px solid var(--border); }.auth-layout { grid-template-columns: minmax(420px, .88fr) minmax(500px, 1.12fr); padding-top: 70px; }.auth-aside { padding: clamp(3rem, 6vw, 6.5rem); background: #102336; }.auth-aside.tenant, .auth-aside.platform { background: #102336; }.auth-aside::before { width: 38rem; height: 38rem; border-color: rgb(125 190 174 / .16); }.auth-aside::after { width: 32rem; height: 32rem; border-width: 1px; border-color: rgb(255 255 255 / .1); }.auth-aside .eyebrow, .tenant .eyebrow { color: #7fd2bb; }.auth-aside h1 { font-family: var(--font-display); font-size: clamp(2.25rem, 3.6vw, 3.3rem); font-weight: 800; letter-spacing: -.07em; }.auth-aside p { color: #aebecb; }.auth-quote { margin-top: auto; }.quote-rule, .platform .quote-rule { width: 1.5rem; background: #58c7a6; }.auth-main { background: var(--surface); padding: clamp(2rem, 7vw, 6rem); }.auth-card { width: min(100%, 405px); }.auth-card.wide { width: min(100%, 425px); }.auth-card-header { margin-bottom: 2.15rem; }.auth-card h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -.06em; }.auth-card-header p { max-width: 350px; font-size: .82rem; }.auth-field .form-control { min-height: 3.15rem; border-radius: .5rem; }.auth-input-wrap .form-control { padding-inline-start: 2.65rem; }.auth-form { gap: 1.15rem; }.auth-form .btn { min-height: 3.1rem; border-radius: .5rem; }.auth-divider { margin: 1.7rem 0; }.auth-footer-note { margin-top: 1.85rem; }.auth-demo-nav summary { border: 0; background: #102336; color: #d8e4ea; box-shadow: 0 8px 18px rgb(10 26 39 / .18); }.auth-demo-links { border-radius: .6rem; }.identity-badge, .requirements { border-radius: .55rem; }.state-illustration { border-radius: .9rem; }.auth-toast { border-radius: .55rem; }
@media (max-width: 1199px) { .app-sidebar { flex-basis: 220px; }.component-grid { gap: .7rem; } }
@media (max-width: 899px) { .app-sidebar { background: #101d2b; }.hero-panel { min-height: 250px; }.auth-layout { display: block; }.auth-aside { min-height: 300px; }.auth-main { min-height: calc(100vh - 300px); } }
@media (max-width: 640px) { .page-content { padding: 1.25rem 1rem; }.hero-panel { min-height: auto; padding: 1.75rem 1.35rem; border-radius: .8rem; }.hero-panel h1 { font-size: 2.15rem; }.stats-grid { gap: 0; margin-bottom: 2.5rem; }.metric-card { min-height: 4.9rem; padding: .85rem .2rem; }.metric-card:not(:last-child) { border-inline-end: 0; border-bottom: 1px solid var(--border); }.content-section { margin-top: 2.5rem; }.component-card { padding: 1rem; }.auth-topbar { height: 64px; }.auth-layout { padding-top: 64px; }.auth-aside { min-height: 255px; padding: 2rem 1.25rem; }.auth-aside h1 { font-size: 2rem; }.auth-main { padding: 2.5rem 1.25rem 5rem; }.auth-card-header { margin-bottom: 1.7rem; } }
.approved-logo-crop { display:block; width:128px; height:42px; overflow:hidden; }.approved-logo-crop img { display:block; width:128px; height:128px; max-width:none; object-fit:cover; object-position:center 74%; transform:translateY(-66px); }