.barobill-card-shell{padding:20px;min-width:0}.barobill-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.barobill-heading h2{margin:0 0 5px;font-size:20px}.barobill-heading p,.barobill-notice{margin:0;color:var(--tx2);font-size:13px}.barobill-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:14px;background:var(--bg);border-radius:10px;min-width:0}.barobill-filters label{display:flex;flex-direction:column;gap:5px;min-width:130px;max-width:100%;font-size:12px;color:var(--tx2)}.barobill-filters input,.barobill-filters select,.barobill-settings-card input,.barobill-settings-card select{width:100%;min-width:0;max-width:100%;height:38px;border:1px solid var(--bd);border-radius:7px;background:#fff;padding:0 10px;color:var(--tx)}.barobill-filters .barobill-grow{flex:1;min-width:190px}.barobill-range-mark{padding-bottom:10px;color:var(--tx2)}.barobill-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.barobill-summary span{padding:7px 11px;border:1px solid var(--bd);border-radius:8px;background:#fff;font-size:13px}.barobill-tabs{display:flex;gap:5px;margin-bottom:12px}.barobill-tabs button{border:1px solid var(--bd);background:#fff;padding:8px 16px;border-radius:8px;color:var(--tx2);cursor:pointer}.barobill-tabs button.active{background:var(--pr);border-color:var(--pr);color:#fff}.barobill-mobile-list{display:none}.barobill-mobile-item{border:1px solid var(--bd);border-radius:10px;padding:13px;margin-bottom:9px;background:#fff}.barobill-mobile-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.barobill-mobile-title{font-weight:700}.barobill-mobile-meta{display:flex;justify-content:space-between;gap:10px;color:var(--tx2);font-size:12px}.barobill-mobile-amount{font-weight:700;color:var(--pr)}.barobill-notice{margin-top:14px;padding:10px 12px;background:#f8fafc;border-radius:8px;line-height:1.5}.barobill-status{padding:12px 14px;border:1px solid var(--bd);border-radius:9px;background:#f8fafc;margin-bottom:16px}.barobill-setting-actions{display:flex;justify-content:flex-end;margin-top:16px}.barobill-settings-card{max-width:820px}.barobill-settings-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.barobill-settings-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--tx2)}
.barobill-settings-card{max-width:980px}.barobill-heading-actions,.barobill-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.barobill-progress{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.barobill-progress span{padding:7px 11px;border:1px solid var(--bd);border-radius:999px;color:var(--tx2);font-size:12px}.barobill-progress .active{border-color:var(--pr);color:var(--pr);font-weight:700}.barobill-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.barobill-summary-grid article{padding:13px;border:1px solid var(--bd);border-radius:10px;background:#fff}.barobill-summary-grid small{display:block;color:var(--tx2);margin-bottom:5px}.barobill-summary-grid strong{font-size:14px}.barobill-setting-section{padding:18px 0;border-top:1px solid var(--bd)}.barobill-section-title{margin-bottom:14px}.barobill-section-title h3{margin:0 0 4px;font-size:16px}.barobill-section-title p{margin:0;color:var(--tx2);font-size:12px;line-height:1.5}.barobill-settings-card .barobill-full{grid-column:1/-1}.barobill-setting-actions{gap:8px;flex-wrap:wrap}.barobill-settings-card input:read-only{background:#f5f6f8;color:var(--tx2)}
.barobill-company-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.barobill-company-info div{padding:12px;border:1px solid var(--bd);border-radius:9px;background:#f8fafc}.barobill-company-info dt{font-size:12px;color:var(--tx2);margin-bottom:5px}.barobill-company-info dd{margin:0;font-size:14px;font-weight:600}.barobill-connect-help{margin:12px 0 0;color:var(--tx2);font-size:12px;line-height:1.6}
@media(max-width:760px){.barobill-card-shell{padding:14px}.barobill-heading{align-items:flex-start;flex-wrap:wrap}.barobill-heading-actions{justify-content:flex-end;width:100%}.barobill-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:11px}.barobill-filters label,.barobill-filters .barobill-grow{min-width:0}.barobill-filters .barobill-grow,.barobill-filters .btn{grid-column:1/-1}.barobill-filters .btn{min-height:44px}.barobill-range-mark{display:none}.barobill-desktop-table{display:none}.barobill-mobile-list{display:block}.barobill-settings-card .form-grid,.barobill-summary-grid,.barobill-company-info{grid-template-columns:1fr}.barobill-settings-card .barobill-full{grid-column:auto}.barobill-section-title .btn{margin-left:auto}.barobill-heading p{font-size:12px}}