body.books-home-mode { background:#2d75ed; }
.bk-meter-67 { --share:67%; }
.bk-meter-81 { --share:81%; }
.bk-home .bk-static { cursor:default; }
.bk-header .bk-static { padding:9px 0; }
.bk-hero-actions .bk-static { display:flex; align-items:center; justify-content:center; min-height:64px; width:220px; border-radius:8px; font-size:20px; font-weight:600; padding:15px 20px; }
.bk-footer nav .bk-static { display:block; color:#f4f7fc; padding:9px 0; line-height:1.4; font-size:18px; }
.bk-footer-bottom nav .bk-static { font-size:14px; color:#bdcfe6; padding:0; }
.bk-feature > .bk-static { display:block; padding:10px 0; color:var(--accent); font-size:16px; font-weight:600; margin-top:auto; }
.bk-entry { min-height:100vh; background:#f7f9fc; color:#17233b; padding:24px; }
.bk-entry header { max-width:1000px; margin:auto; }
.bk-entry main { max-width:760px; margin:80px auto; }
.bk-entry h1 { font-size:28px; line-height:1.25; }
.bk-entry nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.bk-entry button { padding:12px 18px; background:white; color:#17233b; border:1px solid #b8c6d8; border-radius:6px; cursor:pointer; }
.bk-entry button:focus-visible { outline:3px solid #176ce0; outline-offset:3px; }
.books-home-mode .app-shell { display:block; min-height:100vh; }
.books-home-mode .sidebar,.books-home-mode .topbar { display:none; }
.books-home-mode .main,.books-home-mode .page { width:100%; max-width:none; padding:0; margin:0; background:transparent; }
.bk-home { color:#101b37; font-family:Arial,sans-serif; letter-spacing:0; }
.bk-home * { box-sizing:border-box; }
.bk-home [hidden] { display:none!important; }
.bk-home button { font:inherit; cursor:pointer; }
.bk-home button:focus-visible,.bk-home input:focus-visible { outline:3px solid #f9c942; outline-offset:4px; }
.bk-home svg { width:20px; height:20px; flex-shrink:0; }
.bk-header { height:80px; padding:0 3.3%; display:flex; align-items:center; gap:30px; background:#fff; position:relative; z-index:5; }
.bk-header button { background:transparent; color:#101b37; border:0; padding:9px 0; white-space:nowrap; }
.bk-header button:hover { color:#2363cd; }
.bk-brand { display:flex; align-items:center; gap:20px; flex-shrink:0; }
.bk-brand img { width:160px; height:auto; display:block; }
.bk-brand span { border-left:1px solid #e5e9ef; padding-left:20px; font-size:28px; font-weight:700; }
.bk-header nav { display:flex; gap:30px; align-items:center; margin:auto; }
.bk-header-actions { display:flex; align-items:center; gap:30px; }
.bk-header .bk-open { background:#f44c20; color:white; border:1px solid #e7471d; border-radius:8px; padding:14px 28px; font-weight:600; }
.bk-header .bk-open:hover { background:#de3f16; }
.bk-header .bk-icon { display:grid; place-items:center; width:36px; height:44px; }
.bk-header .bk-menu { display:none; }
.bk-popover { position:absolute; top:72px; right:3%; width:290px; padding:16px; background:white; border:1px solid #dbe3ed; border-radius:8px; box-shadow:0 8px 22px #12244b20; }
.bk-popover button { display:flex; justify-content:space-between; width:100%; text-align:left; padding:10px; white-space:normal; }
.bk-popover small { color:#66758b; margin-left:8px; }
.bk-search label { font-size:14px; font-weight:600; }
.bk-search input { width:100%; margin:12px 0; padding:10px; border:1px solid #899bb6; border-radius:4px; font:inherit; }
.bk-search p { font-size:13px; }
.bk-hero { position:relative; min-height:calc(100vh - 80px); padding:50px 2.6% 0; overflow:hidden; background:#2d75ed; }
.bk-hero:before { content:""; pointer-events:none; position:absolute; width:1250px; height:1000px; left:50%; top:170px; transform:translateX(-50%); border:1px solid #ffffff0c; border-radius:50%; box-shadow:0 0 0 100px #ffffff03,0 0 0 200px #ffffff03; }
.bk-intro { text-align:center; position:relative; color:#fff; }
.bk-intro h1 { color:#fff; font-size:64px; line-height:1.07; font-weight:700; margin:0; letter-spacing:0; }
.bk-intro h1 span { color:#ffd346; }
.bk-intro p { color:#fff; font-size:22px; line-height:1.35; margin:17px 0 22px; }
.bk-hero-actions { display:flex; justify-content:center; gap:20px; }
.bk-hero-actions button { min-height:64px; width:220px; border-radius:10px; font-size:20px; font-weight:600; padding:15px 20px; }
.bk-primary { background:#ffda55; border:1px solid #ffdf6e; color:#0e1725; }
.bk-secondary { background:transparent; border:1px solid #fff; color:white; }
.bk-primary:hover { background:#ffe57a; }.bk-secondary:hover { background:#ffffff14; }
.bk-notice { position:relative; text-align:center; color:#fff; font-size:14px; min-height:28px; line-height:28px; }
.bk-stage { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr); gap:30px; align-items:start; position:relative; }
.bk-side { display:grid; gap:28px; color:white; margin-top:-54px; min-width:0; }
.bk-glass { background:#ffffff0d; border:1px solid #ffffff40; border-radius:15px; padding:20px 24px; box-shadow:inset 0 1px 0 #ffffff0a; }
.bk-left .bk-glass:first-child { transform:rotate(3deg); }.bk-left .bk-glass:first-child>* { transform:rotate(-3deg); }
.bk-right .bk-glass:first-child { transform:rotate(-3deg); }.bk-right .bk-glass:first-child>* { transform:rotate(3deg); }
.bk-glass h2 { font-size:16px; line-height:1.35; color:#fff; margin:0 0 14px; font-weight:600; display:flex; align-items:center; gap:12px; }
.bk-glass p { font-size:13px; color:#e1ecff; margin:6px 0; line-height:1.4; }
.bk-vendor { display:flex; align-items:center; gap:14px; margin:12px 0; }
.bk-vendor>svg { width:48px; height:48px; padding:10px; border-radius:50%; background:#ffffff22; }
.bk-vendor strong { font-size:16px; font-weight:600; }
.bk-glass ul { list-style:none; margin:14px 0 0; padding:8px 0 0; border-top:1px solid #ffffff20; }
.bk-glass li { display:flex; align-items:center; gap:12px; font-size:13px; padding:9px 0; }
.bk-glass li>span:last-child { margin-left:auto; white-space:nowrap; }
.bk-glass li>svg { width:18px; height:18px; }
.bk-bank-caption { display:flex; align-items:center; gap:12px; }
.bk-static-add { display:block; font-size:13px; margin:12px 0 0; color:#dbe9ff; }
.bk-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.bk-panel-heading h2 { margin:0; }.bk-panel-heading>span { font-size:12px; border:1px solid #ffffff40; padding:8px; border-radius:5px; white-space:nowrap; }
.bk-glass dl { border-top:1px solid #ffffff25; padding-top:10px; margin:14px 0 0; }.bk-glass dl>div { display:flex; justify-content:space-between; gap:10px; font-size:13px; padding:10px 0; }.bk-glass dd { margin:0; white-space:nowrap; font-size:14px; }.bk-glass .bk-profit { border-top:1px solid #ffffff30; margin-top:10px; padding-top:20px; font-weight:600; }.bk-profit dd { color:#92ffd0; }
.bk-approvals small { display:block; color:#dceaff; font-size:12px; margin-top:5px; }.bk-approvals b { margin-left:auto; background:#ffda55; padding:9px 10px; border-radius:7px; color:#101a27; font-size:12px; font-weight:500; }.bk-approvals b.approved { background:#91f7c8; }
.bk-product { background:#f8fafc; border-radius:17px 17px 0 0; overflow:hidden; min-width:0; box-shadow:0 8px 24px #164ea72b; }
.bk-product-bar { min-height:57px; background:#0e1625; color:white; display:flex; align-items:center; padding:9px 20px; gap:24px; }
.bk-product-brand { display:flex; align-items:center; gap:10px; flex-shrink:0; font-size:16px; }.bk-product-brand img { width:86px; height:auto; background:#fff; padding:3px; border-radius:4px; }.bk-product-brand b { border-left:1px solid #ffffff40; padding-left:10px; font-weight:500; }
.bk-faux-search { display:flex; align-items:center; gap:8px; background:#252d3b; color:#ccd4e0; border-radius:7px; padding:8px 10px; font-size:10px; width:43%; }.bk-faux-search svg { width:14px; height:14px; }.bk-product-icons { display:flex; gap:18px; margin-left:auto; }
.bk-product-body { display:grid; grid-template-columns:177px minmax(0,1fr); min-height:440px; }
.bk-preview-nav { padding:14px 12px; background:#edf3f8; }.bk-preview-nav ul { list-style:none; margin:0; padding:0; }.bk-preview-nav li { display:flex; align-items:center; gap:14px; padding:12px; color:#121a27; font-size:12px; }.bk-preview-nav li.selected { background:#fff; border-radius:6px; font-weight:600; }.bk-preview-nav svg { width:17px; height:17px; color:#7d899b; }.bk-preview-nav small { display:block; font-size:10px; color:#56647b; margin:22px 10px 0; }
.bk-preview-content { padding:15px; min-width:0; }.bk-metrics { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.bk-metric,.bk-chart,.bk-cash { border:1px solid #e6edf5; background:#fff; border-radius:10px; padding:17px 20px; box-shadow:0 2px 6px #193b5b04; }.bk-metric h3 { margin:0 0 7px; font-size:11px; font-weight:400; color:#111; }.bk-metric>strong { font-size:18px; color:#111; }.bk-meter { height:11px; margin:10px 0 12px; border-radius:3px; background:linear-gradient(to right,#327aff var(--share),#fbd14e var(--share)); }.bk-metric-legend { display:flex; justify-content:space-between; gap:8px; font-size:10px; color:#616c80; }.bk-metric-legend i { display:inline-block; width:10px; height:10px; border-radius:50%; background:#327aff; margin-right:6px; }.bk-metric-legend span:last-child i { background:#fbd14e; }.bk-metric-legend b { display:block; color:#111; margin:5px 0 0 16px; font-size:10px; }
.bk-chart-row { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,1fr); gap:14px; margin-top:14px; }.bk-chart { padding:12px 15px; min-width:0; }.bk-chart-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }.bk-chart-title h3 { font-size:13px; margin:0; color:#111; }.bk-chart-title span { font-size:10px; border:1px solid #e2e8f0; border-radius:5px; padding:6px; color:#66758b; }.bk-chart>svg { width:100%; height:auto; display:block; margin-top:10px; }.bk-cash { padding:22px; }.bk-cash p { font-size:11px; color:#66758b; margin:15px 0 7px; }.bk-cash strong { font-size:14px; color:#111; }
@media(max-width:1450px) { .bk-header{gap:20px;padding:0 24px}.bk-header nav{gap:18px;font-size:14px}.bk-header-actions{gap:18px}.bk-brand img{width:140px}.bk-brand span{font-size:25px}.bk-intro h1{font-size:56px}.bk-intro p{font-size:20px}.bk-hero{padding-top:42px}.bk-stage{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr)}.bk-glass{padding:17px 14px}.bk-glass li{gap:7px;font-size:11px}.bk-glass dd{font-size:12px}.bk-glass dl>div{font-size:11px}.bk-product-body{grid-template-columns:145px minmax(0,1fr)}.bk-preview-nav li{padding:11px 6px;gap:10px}.bk-metric{padding:14px}.bk-cash{padding:12px}.bk-cash strong{font-size:12px}.bk-product-bar{gap:14px;padding:9px 14px}.bk-approvals b{padding:8px 6px;font-size:10px}.bk-panel-heading{flex-wrap:wrap} }
@media(max-width:1150px) { .bk-header .bk-menu{display:grid;margin-left:auto}.bk-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:18px 24px;flex-wrap:wrap;border-top:1px solid #e4e9f0}.bk-header nav.open{display:flex}.bk-stage{grid-template-columns:1fr 1fr;gap:24px}.bk-product{grid-column:1/-1;grid-row:1}.bk-side{margin-top:0}.bk-glass{padding:24px}.bk-left .bk-glass:first-child,.bk-left .bk-glass:first-child>*,.bk-right .bk-glass:first-child,.bk-right .bk-glass:first-child>*{transform:none}.bk-glass li,.bk-glass dl>div{font-size:14px}.bk-glass dd{font-size:14px}.bk-panel-heading{flex-wrap:nowrap}.bk-hero{padding-bottom:24px}.bk-intro h1{font-size:48px}.bk-intro p{font-size:19px}.bk-product-body{grid-template-columns:155px minmax(0,1fr)} }
@media(max-width:600px) { .bk-header{height:auto;min-height:72px;padding:10px 16px;gap:8px;flex-wrap:wrap}.bk-brand{gap:10px}.bk-brand img{width:105px}.bk-brand span{font-size:21px;padding-left:10px}.bk-header-actions{gap:12px;margin-left:auto}.bk-header .bk-open{padding:10px 16px;font-size:14px}.bk-header nav{top:100%;gap:16px}.bk-popover{top:100%;right:12px;max-width:calc(100% - 24px)}.bk-hero{padding:36px 16px 24px}.bk-intro h1{font-size:34px;line-height:1.12}.bk-intro p{font-size:16px;line-height:1.5;margin:18px 0 22px}.bk-desktop-break{display:none}.bk-hero-actions{gap:12px}.bk-hero-actions button{width:auto;flex:1;min-height:52px;font-size:16px;padding:12px}.bk-notice{line-height:1.4;padding:8px 0;min-height:28px}.bk-stage{grid-template-columns:minmax(0,1fr);gap:20px}.bk-product{grid-column:auto}.bk-product-bar{padding:12px;gap:10px;flex-wrap:wrap}.bk-faux-search{order:3;width:100%;font-size:11px}.bk-product-icons{gap:12px}.bk-product-body{display:block;min-height:0}.bk-preview-nav{padding:10px}.bk-preview-nav ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.bk-preview-nav li{font-size:11px;gap:5px;padding:9px 4px;overflow-wrap:anywhere}.bk-preview-nav svg{width:14px}.bk-preview-nav small{margin:8px;font-size:11px}.bk-preview-content{padding:12px}.bk-metrics{grid-template-columns:1fr;gap:12px}.bk-metric{padding:16px}.bk-metric h3{font-size:13px}.bk-metric-legend,.bk-metric-legend b{font-size:12px}.bk-chart-row{grid-template-columns:1fr}.bk-cash{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.bk-cash p{margin:0;font-size:12px}.bk-cash strong{font-size:13px}.bk-side{gap:20px}.bk-glass{padding:22px}.bk-glass li{font-size:13px}.bk-glass dl>div{font-size:13px} }
@media(prefers-reduced-motion:reduce){.bk-home *{scroll-behavior:auto!important;transition:none!important}}
.bk-metric-legend { flex-wrap:wrap; }
.bk-metric-legend span { min-width:0; }
.bk-metric-legend b { overflow-wrap:anywhere; }
.bk-footer { background:#0b1420; color:#f4f7fc; padding:56px 4.5% 20px; }
.bk-footer h2,.bk-footer h3 { margin:0; color:#a7ceff; font-size:15px; font-weight:600; line-height:1.5; text-transform:uppercase; letter-spacing:0; }
.bk-footer p { color:#bdcfe6; line-height:1.5; }
.bk-footer button { color:#f4f7fc; background:transparent; border:0; padding:9px 0; text-align:left; line-height:1.4; border-radius:3px; }
.bk-footer button:hover { color:#9fceff; }
.bk-footer button:focus-visible { outline:2px solid #ffdc71; outline-offset:4px; }
.bk-footer-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.33fr) minmax(0,1.03fr); gap:6%; }
.bk-footer-brand { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.bk-footer-brand img { width:193px; max-width:100%; height:auto; }
.bk-footer-brand>span { font-size:32px; font-weight:600; border-left:1px solid #57728f; padding-left:18px; }
.bk-footer-tagline { font-size:18px; margin:14px 0 24px; }
.bk-footer-contact { display:flex; align-items:center; gap:16px; margin-top:18px; }
.bk-footer-contact>svg { width:46px; height:46px; padding:10px; border:1px solid #264c79; border-radius:8px; color:#6eb0ff; }
.bk-footer-contact p { margin:0; font-size:15px; max-width:220px; }
.bk-footer .bk-footer-return { display:flex; align-items:center; gap:10px; margin-top:30px; color:#b5d7ff; font-size:15px; min-height:44px; }
.bk-footer-rule { border-bottom:1px solid #40556e; padding:9px 0 16px; margin-bottom:26px!important; }
.bk-footer-subcolumns { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.bk-footer ul { list-style:none; margin:18px 0 0; padding:0; }
.bk-footer li { margin:0; padding:0; }
.bk-footer nav button { font-size:18px; width:100%; }
.bk-footer .bk-footer-pending { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.bk-footer-pending small,.bk-footer-app small { font-size:11px; color:#a6b9d0; font-weight:400; }
.bk-footer-help { display:flex; align-items:center; gap:20px; padding:22px; border:1px solid #234c80; border-radius:8px; background:#101e30; margin-top:26px; }
.bk-footer-help>svg { width:56px; height:56px; padding:12px; border-radius:8px; border:1px solid #3275c9; color:#cde5ff; background:#153a68; }
.bk-footer-help h3 { font-size:19px; text-transform:none; color:white; }
.bk-footer-help p { font-size:14px; margin:4px 0 0; }
.bk-footer-apps { margin-top:42px; border-top:1px solid #40556e; border-bottom:1px solid #40556e; padding:16px 0 24px; }
.bk-footer-apps h2 { text-align:center; }
.bk-footer-apps ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:22px; }
.bk-footer-apps li+li { border-left:1px solid #40556e; }
.bk-footer .bk-footer-app { display:flex; align-items:center; justify-content:center; gap:18px; width:100%; padding:0 18px; min-height:70px; }
.bk-footer-app-icon { display:grid; place-items:center; flex-shrink:0; width:60px; height:60px; border-radius:8px; background:#087bf0; color:#fff; }
.bk-footer-app-icon svg { width:32px; height:32px; }
.bk-app-work { background:#e99100; }.bk-app-supplier { background:#00a568; }.bk-app-hr { background:#763bdb; }.bk-app-academy { background:#f04c24; }
.bk-footer-app-prefix { display:block; font-size:16px; color:#bdcfe6; }
.bk-footer-app strong { display:block; font-size:18px; font-weight:600; }
.bk-footer-app small { display:block; margin-top:2px; }
.bk-footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:32px; padding-top:28px; }
.bk-footer-bottom nav { display:flex; flex-wrap:wrap; gap:16px 20px; }
.bk-footer-bottom nav button { width:auto; font-size:14px; color:#bdcfe6; padding:0; }
.bk-footer-bottom nav button+button { border-left:1px solid #40556e; padding-left:20px; }
.bk-footer-bottom p { font-size:14px; margin:20px 0 0; }
.bk-footer-bottom .bk-footer-signature { margin:0; border-left:1px solid #40556e; padding:14px 0 14px 28px; font-size:24px; font-style:italic; color:#f4f7fc; white-space:nowrap; }
.bk-footer-status { min-height:24px; font-size:14px; margin:12px 0 0; }
@media(max-width:1200px) { .bk-footer-grid{gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr) minmax(0,1fr)}.bk-footer-brand img{width:150px}.bk-footer-brand>span{font-size:26px}.bk-footer-subcolumns{gap:22px}.bk-footer nav button{font-size:16px}.bk-footer .bk-footer-app{gap:12px;padding:0 12px}.bk-footer-app-icon{width:46px;height:46px}.bk-footer-app strong{font-size:16px}.bk-footer-app-prefix{font-size:14px}.bk-footer-bottom{align-items:flex-start}.bk-footer-bottom nav button{font-size:13px} }
@media(max-width:900px) { .bk-footer{padding:36px 4% 18px}.bk-footer-grid{grid-template-columns:1fr 1fr}.bk-footer-brand-column{grid-column:1/-1}.bk-footer-tagline br{display:none}.bk-footer .bk-footer-return{margin-top:18px}.bk-footer-resources{grid-column:1}.bk-footer-learning{grid-column:2}.bk-footer-subcolumns{grid-template-columns:1fr}.bk-footer-apps ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.bk-footer-apps li:nth-child(4){border-left:0}.bk-footer .bk-footer-app{justify-content:flex-start}.bk-footer-bottom{flex-direction:column;gap:20px}.bk-footer-bottom .bk-footer-signature{border-left:0;padding:0;font-size:22px} }
@media(max-width:600px) { .bk-footer{padding:32px 22px 20px}.bk-footer-grid{display:block}.bk-footer-resources,.bk-footer-learning{margin-top:32px}.bk-footer-subcolumns{gap:28px}.bk-footer-rule{margin-bottom:20px!important}.bk-footer nav button{font-size:17px;min-height:44px}.bk-footer ul{margin-top:12px}.bk-footer-apps ul{grid-template-columns:1fr;gap:0}.bk-footer-apps li+li{border-left:0;border-top:1px solid #263c54}.bk-footer .bk-footer-app{padding:16px 0;gap:18px}.bk-footer-app-prefix{font-size:15px}.bk-footer-app strong{font-size:18px}.bk-footer-bottom nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bk-footer-bottom nav button{font-size:14px;min-height:44px}.bk-footer-bottom nav button+button{padding-left:0;border-left:0}.bk-footer-brand>span{font-size:28px}.bk-footer-help{padding:18px;gap:14px}.bk-footer-help>svg{width:44px;height:44px;padding:8px} }
.bk-continuation { background:#f7fbff; border-top:1px solid #dceafd; padding:58px 6% 54px; position:relative; }
.bk-travel-accent { position:absolute; top:18px; right:8%; color:#77b9fb; pointer-events:none; display:flex; align-items:center; gap:10px; }
.bk-travel-accent:before { content:""; width:90px; border-top:1px dashed #b6d8fb; }
.bk-travel-accent svg { width:24px; height:24px; }
.bk-light-preview { width:min(100%,744px); margin:0 auto; display:grid; grid-template-columns:176px minmax(0,1fr); border:1px solid #dbe6f2; border-radius:8px; background:#fff; box-shadow:0 7px 24px #2547700a; overflow:hidden; }
.bk-light-sidebar { padding:22px 16px; background:#f8faff; border-right:1px solid #edf1f6; }
.bk-light-sidebar img { display:block; width:112px; max-width:100%; height:auto; margin:0 auto 20px; }
.bk-light-sidebar ul { padding:0; margin:0; list-style:none; }
.bk-light-sidebar li { display:flex; align-items:center; gap:13px; padding:12px 10px; font-size:12px; color:#25334c; }
.bk-light-sidebar li.selected { background:#e5f0ff; color:#0062d6; border-radius:6px; }
.bk-light-sidebar svg { width:17px; height:17px; }
.bk-light-content { padding:30px 21px 14px; min-width:0; }
.bk-light-title { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; }
.bk-light-title h2 { font-size:18px; line-height:1.3; margin:0; color:#101b37; }
.bk-light-title p { font-size:11px; color:#63718a; margin:5px 0 0; }
.bk-light-date { font-size:10px; border:1px solid #e1e8f1; padding:9px; border-radius:4px; color:#42516b; }
.bk-light-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:22px 0 14px; }
.bk-light-totals>div { padding:17px 14px; border-radius:8px; background:#eef5ff; }
.bk-light-totals>div:nth-child(2) { background:#fff3ed; }
.bk-light-totals>div:nth-child(3) { background:#edf9f3; }
.bk-light-totals dt { font-size:10px; color:#425f87; margin-bottom:10px; }
.bk-light-totals dd { font-size:14px; line-height:1.4; font-weight:600; margin:0; overflow-wrap:anywhere; }
.bk-light-chart { border-top:1px solid #edf1f7; padding:16px 4px 0; }
.bk-light-chart-title { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.bk-light-chart-title h3 { font-size:12px; margin:0; color:#17223b; }
.bk-light-chart-title span { font-size:10px; color:#566680; border:1px solid #e4eaf2; padding:7px; border-radius:4px; }
.bk-light-chart>svg { display:block; width:100%; height:auto; margin-top:20px; }
.bk-continuation-entry { display:flex; justify-content:center; margin:18px 0 32px; }
.bk-continuation-entry button { display:flex; gap:12px; align-items:center; border:1px solid #0069df; border-radius:6px; padding:11px 22px; background:#006de8; color:white; font-size:14px; font-weight:600; }
.bk-continuation-entry button:hover { background:#005fcf; }
.bk-feature-row { max-width:1388px; margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.bk-feature { --accent:#006bdd; padding:32px 38px 26px; border-radius:8px; background:#edf5ff; display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.bk-feature-expense { --accent:#bd430a; background:#fff3ed; }
.bk-feature-insight { --accent:#168049; background:#eef9f3; }
.bk-feature-icon { width:70px; height:70px; display:grid; place-items:center; border-radius:8px; background:#0074ee; color:white; margin-bottom:18px; }
.bk-feature-expense .bk-feature-icon { background:#fc641d; }
.bk-feature-insight .bk-feature-icon { background:#22a95d; }
.bk-feature-icon svg { width:34px; height:34px; }
.bk-feature h2 { font-size:22px; line-height:1.25; color:#101b37; margin:0 0 10px; }
.bk-feature p { font-size:17px; line-height:1.45; color:#3d4d6a; margin:0 0 14px; }
.bk-feature button { display:flex; align-items:center; gap:12px; padding:10px 0; border:0; background:transparent; color:var(--accent); font-size:16px; font-weight:600; margin-top:auto; text-align:left; }
.bk-feature button:hover { text-decoration:underline; }
@media(max-width:1000px) { .bk-continuation{padding:42px 4%}.bk-feature-row{gap:16px}.bk-feature{padding:24px}.bk-feature h2{font-size:20px}.bk-feature p{font-size:16px} }
@media(max-width:800px) { .bk-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-feature:last-child{grid-column:1/-1}.bk-light-preview{grid-template-columns:150px minmax(0,1fr)}.bk-light-content{padding:24px 16px 14px}.bk-light-totals{gap:8px}.bk-light-totals>div{padding:14px 10px} }
@media(max-width:600px) { .bk-continuation{padding:30px 16px}.bk-light-preview{display:block}.bk-light-sidebar{padding:18px 14px;border-right:0;border-bottom:1px solid #edf1f6}.bk-light-sidebar img{margin:0 0 14px}.bk-light-sidebar ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(8em,1fr))}.bk-light-sidebar li{padding:10px 5px;gap:8px}.bk-light-content{padding:20px 16px}.bk-light-totals{grid-template-columns:1fr}.bk-light-totals>div{padding:14px}.bk-light-totals dt{font-size:12px}.bk-light-totals dd{font-size:16px}.bk-light-date{font-size:12px}.bk-light-chart-title h3{font-size:14px}.bk-light-chart-title span{font-size:12px}.bk-feature-row{grid-template-columns:1fr;gap:18px}.bk-feature:last-child{grid-column:auto}.bk-feature{padding:26px}.bk-feature-icon{width:60px;height:60px}.bk-continuation-entry{margin:18px 0 28px}.bk-feature button{min-height:44px} }
@media(max-width:600px) { .bk-preview-nav ul { grid-template-columns:repeat(auto-fit,minmax(6em,1fr)); }.bk-preview-nav li { overflow-wrap:normal; }.bk-chart-title { flex-wrap:wrap; }.bk-chart-title span { overflow-wrap:normal; } }
.bk-feature-row { margin-top:28px; }
.bk-footer nav .bk-static.bk-footer-pending { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.bk-hero-actions .bk-secondary.bk-static { border:0; background:transparent; font-weight:400; }
@media(max-width:1150px) {
  .bk-header { height:auto; min-height:80px; flex-wrap:wrap; padding-top:12px; padding-bottom:12px; }
  .bk-header nav { display:flex; position:static; order:3; width:100%; padding:0; border:0; gap:8px 18px; }
  .bk-header-actions { margin-left:auto; }
}
@media(max-width:600px) {
  .bk-hero-actions .bk-static { width:auto; flex:1; min-height:52px; font-size:16px; padding:12px; }
  .bk-footer nav .bk-static { font-size:17px; }
  .bk-footer-bottom nav .bk-static { font-size:14px; }
  .bk-entry { padding:20px; }
  .bk-entry main { margin:48px auto; }
}