#appScreen #billingWorkspace .billing-navigation{margin-bottom:24px;border:1px solid #dce5f2;border-radius:18px;background:#fff;box-shadow:0 4px 18px #15365d05;overflow:hidden;color:#122d50}
#appScreen #billingWorkspace .bn-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px 18px}
#appScreen #billingWorkspace .bn-title{display:flex;align-items:center;gap:13px;min-width:0}
#appScreen #billingWorkspace .bn-symbol{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:#edf4ff;color:#0863df}
#appScreen #billingWorkspace .bn-symbol svg{width:23px;height:23px}
#appScreen #billingWorkspace .bn-title h2{margin:0;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.4px;color:#102d52}
#appScreen #billingWorkspace .bn-title p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#738198}
#appScreen #billingWorkspace .bn-create{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;margin:0;padding:11px 17px;min-height:42px;border:1px solid #0863df;border-radius:10px;background:#0863df;color:#fff;font:600 13px/1.4 inherit;box-shadow:0 3px 8px #0863df20;cursor:pointer}
#appScreen #billingWorkspace .bn-create svg{width:18px;height:18px}
#appScreen #billingWorkspace .bn-create:hover{background:#074fb3}
#appScreen #billingWorkspace .bn-create.is-active{box-shadow:0 0 0 3px #dbeaff}
#appScreen #billingWorkspace .bn-primary{display:flex;gap:6px;padding:0 26px 16px;flex-wrap:wrap}
#appScreen #billingWorkspace .bn-link{display:flex;align-items:center;gap:9px;margin:0;padding:10px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#566b86;text-align:left;cursor:pointer;font-family:inherit;min-width:0;min-height:40px;box-shadow:none;transition:background .15s,border-color .15s}
#appScreen #billingWorkspace .bn-link svg{width:18px;height:18px;flex:none;stroke-width:1.8}
#appScreen #billingWorkspace .bn-link>span:not(.bn-active-dot){min-width:0}
#appScreen #billingWorkspace .bn-link b{display:block;font-size:13px;line-height:1.5;font-weight:600}
#appScreen #billingWorkspace .bn-link small{display:block;font-size:11px;line-height:1.5;color:#7a879b;font-weight:400;margin-top:2px}
#appScreen #billingWorkspace .bn-link:hover{background:#f5f8fd;color:#164e94}
#appScreen #billingWorkspace .bn-link.is-active{background:#edf4ff;border-color:#d9e8fe;color:#075ed3}
#appScreen #billingWorkspace .bn-active-dot{width:6px;height:6px;border-radius:50%;background:#0863df;flex:none;margin-left:auto}
#appScreen #billingWorkspace .bn-tools{margin:0;border:0;border-top:1px solid #edf1f7;border-radius:0;padding:0;background:#fbfcfe}
#appScreen #billingWorkspace .bn-tools>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:13px 26px;cursor:pointer;font-size:12px;color:#455f7f;font-weight:600;text-transform:none;letter-spacing:normal}
#appScreen #billingWorkspace .bn-tools>summary::-webkit-details-marker{display:none}
#appScreen #billingWorkspace .bn-tools>summary::after{display:none}
#appScreen #billingWorkspace .bn-tools-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#appScreen #billingWorkspace .bn-tools-label>svg{width:16px;height:16px}
#appScreen #billingWorkspace .bn-tools-hint{margin-left:auto;color:#8793a4;font-size:11px;font-weight:400}
#appScreen #billingWorkspace .bn-chevron{width:15px;height:15px;flex:none;transition:transform .15s}
#appScreen #billingWorkspace .bn-tools[open] .bn-chevron{transform:rotate(180deg)}
#appScreen #billingWorkspace .bn-current{font-size:10px;background:#e9f1fc;color:#075ed3;padding:3px 8px;border-radius:5px}
#appScreen #billingWorkspace .bn-tools-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;padding:8px 26px 22px}
#appScreen #billingWorkspace .bn-group{min-width:0;display:flex;flex-direction:column;gap:3px}
#appScreen #billingWorkspace .bn-group h3{margin:0 0 7px;padding-left:12px;font-size:10px;font-weight:700;color:#7b8da4;letter-spacing:.5px;text-transform:uppercase;line-height:1.5}
#appScreen #billingWorkspace .bn-group .bn-link{width:100%;align-items:flex-start;padding:9px 11px}
#appScreen #billingWorkspace .bn-group .bn-link>svg{margin-top:2px}
#appScreen #billingWorkspace .bn-group .bn-active-dot{margin-top:9px}
#appScreen #billingWorkspace .billing-navigation :is(button,summary):focus-visible{outline:2px solid #0863df;outline-offset:-2px}
@media(max-width:850px){#appScreen #billingWorkspace .bn-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#appScreen #billingWorkspace .bn-tools-hint{display:none}#appScreen #billingWorkspace .bn-chevron{margin-left:auto}}
@media(max-width:550px){#appScreen #billingWorkspace .bn-heading{padding:18px 16px;align-items:flex-start;flex-direction:column;gap:14px}#appScreen #billingWorkspace .bn-create{width:100%}#appScreen #billingWorkspace .bn-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 14px}#appScreen #billingWorkspace .bn-tools>summary{padding:13px 16px}#appScreen #billingWorkspace .bn-tools-grid{grid-template-columns:minmax(0,1fr);padding:8px 16px 18px;gap:18px}#appScreen #billingWorkspace .bn-title p{font-size:11px}#appScreen #billingWorkspace .bn-title h2{font-size:19px}}

#appScreen #billingWorkspace a.bn-link{text-decoration:none}