.db-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.db-stat{padding:20px 24px;display:flex;flex-direction:column;gap:8px}.db-stat small,.db-stat span{color:var(--muted);font-size:12px}.db-stat strong{font-size:27px;color:var(--green)}
.db-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.db-sidebar{position:sticky;top:20px;overflow:hidden}.db-sidebar-head{padding:20px;display:flex;gap:12px;flex-direction:column}.db-sidebar-head h2{font-size:16px;margin:0}
.db-table-list{max-height:70vh;overflow:auto;border-top:1px solid var(--line);padding:8px}.db-table-choice{display:block;width:100%;border:0;text-align:left;background:transparent;padding:13px 12px;border-radius:9px;color:inherit;cursor:pointer}.db-table-choice:hover,.db-table-choice.selected{background:#edf3e6}.db-table-choice:disabled{cursor:default;opacity:.6}.db-table-choice-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:8px}.db-table-choice-top svg{width:13px;height:13px}.db-table-code{display:block;font-size:10px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.db-table-bar{display:block;height:3px;background:#e5ebe3;border-radius:3px}.db-table-bar i{display:block;height:3px;background:#98b879;border-radius:3px}.db-protected{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.db-main{min-width:0}.db-filters{display:flex;flex-wrap:wrap;gap:10px}.db-filters select{max-width:190px}.db-filters input{flex:1;min-width:170px}.db-schema{padding:14px 22px;font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.db-schema summary{cursor:pointer;color:var(--muted)}.db-schema-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;padding-top:16px}.db-schema-grid>div{display:flex;flex-direction:column;gap:4px;padding:10px;background:#f6f8f3;border-radius:6px;overflow-wrap:anywhere}.db-schema-grid span,.db-schema-grid code{font-size:11px;color:var(--muted)}
.db-records{max-height:620px;overflow:auto}.db-records table{min-width:100%}.db-records th,.db-records td{padding:12px 15px;vertical-align:top}.db-records th{position:sticky;top:0;background:#f7f9f4;z-index:1;min-width:110px;white-space:nowrap}.db-records th small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.db-records .db-row-action{position:sticky;right:0;min-width:65px;background:#fff;box-shadow:-4px 0 8px #123f3b05}.db-records th.db-row-action{background:#f7f9f4;z-index:2}.db-cell{display:block;min-width:100px;max-width:190px;max-height:66px;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.65}.db-empty{text-align:center;padding:40px!important;color:var(--muted)}
.db-pagination{gap:14px;flex-wrap:wrap}.db-pagination label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.db-pagination .control{width:65px;min-height:32px;padding:5px 7px}.db-pagination form{display:flex;align-items:center;gap:8px}.db-pagination .actions{gap:8px;flex-wrap:wrap}
.db-distribution{margin-top:20px}.db-distribution-body{padding:20px;display:grid;gap:12px}.db-category-total{display:grid;grid-template-columns:90px 1fr 75px;gap:12px;align-items:center;font-size:12px}.db-category-total>div{height:8px;border-radius:8px;background:#edf1e8}.db-category-total i{display:block;height:8px;border-radius:8px;background:#87a866}.db-category-total strong{text-align:right}.db-footnote{font-size:11px;color:var(--muted);margin:16px 0}
.db-record-detail section{margin-bottom:20px}.db-record-detail h3{font-size:13px;margin:0 0 8px}.db-record-detail code{font-size:11px;color:var(--muted);font-weight:400}.db-record-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;margin:0;padding:12px;border-radius:8px;background:#f4f7ef;font-size:12px;line-height:1.7}
@media(max-width:1100px){.db-layout{grid-template-columns:210px minmax(0,1fr)}.db-stats{gap:10px}.db-stat{padding:16px}}
@media(max-width:760px){.db-layout{grid-template-columns:1fr}.db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.db-sidebar{position:static}.db-table-list{max-height:210px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.db-pagination .actions{width:100%}.db-schema{padding:12px}.db-stat strong{font-size:22px}}