*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}.main,.finance,#businessPanel,.b-card,.card{min-width:0}.finance .top{display:flex;flex-wrap:wrap;gap:16px}.finance .finance-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.finance .finance-actions button{white-space:normal;min-height:44px}.b-table-wrap{max-width:100%;overflow:auto}.b-fields,.form-grid{min-width:0}.b-fields input,.b-fields select,.field input,.field select{min-width:0;max-width:100%}#statementDialog{width:min(1100px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;padding:24px!important}#statementDialog::backdrop{background:#122c3680}#statementDialog .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#statementDialog .field{display:grid;gap:8px}#statementDialog input:not([type=checkbox]),#statementDialog select{width:100%;padding:11px;border:1px solid #cbded5;border-radius:8px;background:white}#statementDialog input[type=checkbox]{width:20px;height:20px}#statementDialog .modal-actions{position:sticky;bottom:-24px;background:white;padding:16px 0;display:flex;gap:10px;border-top:1px solid #dce9e2;z-index:2}#stmtStatus{padding:12px;background:#edf6f1;border-radius:10px;overflow-wrap:anywhere}#stmtPreview{max-width:100%;overflow:auto}#stmtPreview table{min-width:720px}#stmtPreview td{vertical-align:top;padding:8px}#stmtPreview select{min-width:160px}
@media(min-width:1100px){.main.finance{width:100%;max-width:1600px;margin-inline:auto}.b-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.main.finance{padding:16px!important}.finance .cards,.b-cards,.b-grid,.finance .panel-grid{grid-template-columns:1fr!important}.finance .top h1{font-size:27px}.finance .finance-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.finance .finance-actions button{padding:10px;font-size:12px}.b-fields,.form-grid{grid-template-columns:1fr!important}.b-fields .wide,.form-grid .span2{grid-column:auto}.b-head{align-items:stretch}.b-head>button{width:100%}.b-section{padding:15px}.b-tabs{max-width:100%;overflow-x:auto}.transaction{flex-wrap:wrap}.tx-name{overflow-wrap:anywhere}.transaction .debt-info{min-width:0;flex:1}#statementDialog{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:16px!important;margin:auto!important}#statementDialog .form-grid{grid-template-columns:1fr}#statementDialog .modal-actions{bottom:-16px}#statementDialog .modal-actions button{flex:1;min-height:48px}#statementDialog h2{font-size:22px}#statementDialog p{font-size:14px;line-height:1.5}}

.sidebar{display:flex;flex-direction:column}.sidebar .nav{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;flex:1;min-height:0}.sidebar .nav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex:0 0 auto!important;height:auto!important;min-height:48px!important;max-height:64px!important;width:100%;padding:14px 16px!important;border:1px solid transparent!important;border-radius:12px!important;font-size:14px!important;font-weight:600;line-height:1.35!important;text-align:left;transition:background .18s,border-color .18s}.sidebar .nav button:hover{background:#193747!important;border-color:#31525b!important}.sidebar .nav button.active{background:linear-gradient(110deg,#204c4b,#183e49)!important;border-color:#366963!important;color:#ecfff8!important;box-shadow:inset 3px 0 #65d3af}.sidebar .nav button#logout{margin-top:auto!important;margin-bottom:8px!important;background:#ffffff06;color:#edc4b7!important}.sidebar .nav button#logout:hover{background:#6a393840!important}
