.filter-mobile-head{display:none;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between}
.filter-range>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.active-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed #e6e8ec}
.filter-chip{border:1px solid #ecd1d1;background:#fff7f7;color:#5c626d;border-radius:20px;padding:6px 9px;font-size:10px;line-height:1;transition:.16s ease}
.filter-chip span{color:var(--brand);font-weight:700}.filter-chip b{font-size:14px;margin-left:4px}.filter-chip:hover,.filter-chip:focus-visible{background:var(--brand);border-color:var(--brand);color:#fff}.filter-chip:hover span,.filter-chip:focus-visible span{color:#fff}
.filter-footer{display:flex;align-items:center;gap:10px;margin-top:15px}.filter-footer .record-count{margin-left:0;white-space:nowrap}
.column-menu{width:245px;max-height:340px;overflow:auto;padding:9px}.column-menu-title{padding:7px 9px 10px;color:#8c949f;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.column-option{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:7px;color:#56606d;font-size:11px;cursor:pointer}.column-option:hover{background:#f6f7f9}.column-option input{margin:0}
.density-switch{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f7f8fa}.density-option{border:0;border-radius:6px;background:transparent;color:#7c8591;padding:5px 9px;font-size:9px;font-weight:650}.density-option.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px #252a3214}
.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#fff8f8;border-bottom:1px solid #edd4d4;color:#555e6a}.bulk-bar strong{font-size:11px}.bulk-bar>div{display:flex;gap:8px}.bulk-bar .btn{padding:7px 11px;font-size:10px}.bulk-bar .btn-danger{background:var(--brand);border-color:var(--brand)}.bulk-errors{max-height:130px;overflow:auto;margin-top:8px;font-size:10px}
.data-table-wrap{max-height:min(64vh,720px);overflow:auto;overscroll-behavior:contain}.data-table{table-layout:fixed;width:max-content;min-width:100%}.data-table thead{position:sticky;top:0;z-index:5;box-shadow:0 1px 0 var(--line)}
.data-table thead th{position:relative;background:#fafbfc;min-width:120px}.data-table .select-column{width:48px!important;min-width:48px;text-align:center}.data-table .action-column{width:145px;min-width:145px;position:sticky;right:0;background:#fff;z-index:2}.data-table thead .action-column{z-index:7;background:#fafbfc}.data-table tbody tr:hover .action-column{background:#fafafa}
.data-table .id-column{width:86px!important;min-width:86px!important;max-width:86px!important;padding-left:12px;padding-right:12px}.data-table .id-column .sort-btn{max-width:62px}.data-table .id-column .column-resizer{display:none}
.data-table thead th:nth-child(2),.data-table tbody td:nth-child(2){position:sticky;left:48px;z-index:3;background:#fff;box-shadow:1px 0 0 #eceef1}.data-table thead th:nth-child(2){z-index:7;background:#fafbfc}.data-table tbody tr:hover td,.data-table tbody tr:hover td:nth-child(2),.data-table tbody tr:hover .action-column{background:#fff8f8}.data-table tbody tr.row-selected td,.data-table tbody tr.row-selected td:nth-child(2),.data-table tbody tr.row-selected .action-column{background:#f9eaea}.data-table tbody tr.row-selected{box-shadow:inset 3px 0 var(--brand)}
.data-table.density-compact tbody td{padding-top:8px;padding-bottom:8px}.data-table.density-compact thead th{padding-top:9px;padding-bottom:9px}.data-table.density-compact .admin-table-photo{width:30px;height:30px;border-radius:8px}
.table-money{display:block;text-align:right;color:#343c47;font-variant-numeric:tabular-nums;font-weight:650}.table-date{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.table-date strong{color:#4d5662;font-size:10px;font-weight:650}.table-date small{color:#9aa1ab;font-size:9px}
.status-badge,.data-table .status-badge{min-height:27px;gap:8px;padding:6px 11px;border:1px solid #d7dce3;border-radius:999px;background:#f4f6f8;color:#687382;font-size:9px;font-weight:750;letter-spacing:.15px;box-shadow:inset 0 0 0 1px #ffffffb8,0 2px 8px #252a320b}.status-badge:before,.data-table .status-badge:before{width:7px;height:7px;flex:0 0 7px;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.32}.status-badge.success,.data-table .status-badge.success{border-color:#85ceaa;background:#e7f8ef;color:#197249}.status-badge.info,.data-table .status-badge.info{border-color:#8fb5e5;background:#edf4ff;color:#326ba9}.status-badge.warning,.data-table .status-badge.warning{border-color:#e5b858;background:#fff3d7;color:#95600c}.status-badge.danger,.data-table .status-badge.danger{border-color:#df9298;background:#fdebec;color:#a32934}.status-badge.muted,.data-table .status-badge.muted{border-color:#c7cdd5;background:#f3f5f7;color:#687382}
.audit-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fcfcfd}.audit-personnel{width:min(320px,100%)}.audit-personnel label{display:block;margin-bottom:7px;color:#68717e;font-size:10px;font-weight:700}.audit-toolbar>span{padding-bottom:10px;color:#929aa5;font-size:10px}.audit-table{min-width:900px}.audit-table .audit-id-column{width:82px;min-width:82px;max-width:82px;padding-left:15px;padding-right:12px}
.metric-number-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.metric-trend{display:flex;align-items:flex-end;gap:8px;height:34px}.trend-value{color:#7e8792;font-size:9px;font-weight:700}.trend-value.up{color:#27845a}.trend-value.down{color:#b23f49}.mini-bars{height:30px;display:flex;align-items:flex-end;gap:3px}.mini-bars i{display:block;width:6px;min-height:4px;border-radius:3px 3px 1px 1px;background:#e2c7c7}.mini-bars i:last-child{background:var(--brand)}
.role-dashboard{margin:24px 0;padding:21px 22px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 28px #252a3207}.role-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.role-dashboard-head span{display:block;margin-bottom:5px;color:var(--brand);font-size:8px;font-weight:800;letter-spacing:1.2px}.role-dashboard-head h2{margin:0;color:#343c47;font-size:15px}.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.attention-card{position:relative;display:block;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;color:#525b67;overflow:hidden}.attention-card:after{content:"";position:absolute;right:-13px;top:-15px;width:52px;height:52px;border-radius:50%;background:#97111108}.attention-card>span{display:block;color:#858e9a;font-size:9px}.attention-card>strong{display:block;margin:7px 0 4px;color:#333b45;font-size:21px}.attention-card>small{color:#9aa1ab;font-size:9px}.attention-card:hover{border-color:#dcb8b8;transform:translateY(-1px)}.attention-card.warning{background:#fffaf0;border-color:#f1dfb6}.attention-card.danger{background:#fff5f5;border-color:#edcccc}.attention-card.success{background:#f3fbf6;border-color:#cde8d7}.role-activity,.support-queue{margin-top:15px;border-top:1px solid #f0f1f3;padding-top:13px}.role-activity h3{margin:0 0 8px;color:#59626e;font-size:10px}.activity-line{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(220px,1.4fr) auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f5;color:#77808c;font-size:9px}.activity-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-line time,.queue-item time{color:#9aa1ab;font-size:9px;white-space:nowrap}.queue-item{display:grid;grid-template-columns:55px minmax(160px,1fr) auto auto;align-items:center;gap:10px;padding:9px 5px;border-bottom:1px solid #f2f3f5;color:#555e6a;font-size:10px}.queue-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-empty{margin:8px 0;color:#969da8;font-size:10px}
.column-resizer{position:absolute;right:-4px;top:0;width:9px;height:100%;cursor:col-resize;touch-action:none;z-index:8}.column-resizer:after{content:"";position:absolute;right:4px;top:25%;height:50%;width:1px;background:#dfe2e7}.column-resizer:hover:after{width:2px;background:var(--brand)}
.record-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.record-summary-item{min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.record-summary-item.primary{background:linear-gradient(135deg,#971111,#760d0d);border-color:transparent;color:#fff}.record-summary-item>span{display:block;margin-bottom:7px;color:#929aa5;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.record-summary-item.primary>span{color:#f0caca}.summary-value{font-size:13px;font-weight:650;color:#343c47;overflow:hidden;text-overflow:ellipsis}.record-summary-item.primary .summary-value{color:#fff}.record-summary-item .relation-detail,.record-summary-item .media-preview{font-weight:400}.record-summary-item.primary .relation-detail,.record-summary-item.primary .relation-detail strong,.record-summary-item.primary .relation-detail small{color:#fff}
.entity-summary{display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(300px,1fr);gap:14px;margin-bottom:20px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff,#fafbfc);box-shadow:0 8px 25px #252a3208}.entity-main{display:flex;align-items:center;gap:14px;min-width:0}.entity-main>div{min-width:0}.entity-main small,.trip-people small{display:block;color:var(--brand);font-size:8px;font-weight:750;letter-spacing:1px}.entity-main h3{overflow:hidden;margin:5px 0 4px;color:#303741;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.entity-main p{overflow:hidden;margin:0;color:#89919d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.entity-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:16px;object-fit:cover;box-shadow:0 7px 20px #252a3218}.entity-avatar.initials{display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),#6f0c0c);color:#fff;font-size:16px;font-weight:750}.entity-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.entity-facts .record-summary-item{padding:11px 12px}.entity-facts .record-summary-item.primary{background:var(--brand)}.plate-mark{display:inline-flex;padding:5px 8px;border:2px solid #333;border-radius:5px;background:#fff;color:#1f242b;font-size:11px;font-weight:800;letter-spacing:.8px}.trip-summary{grid-template-columns:1fr}.trip-people{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;padding:2px 0}.trip-people>div{min-width:0;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff}.trip-people strong{display:block;overflow:hidden;margin-top:5px;color:#3c444f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.trip-direction{display:grid;place-items:center;color:var(--brand)}.trip-direction .icon{width:18px}.trip-route{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;color:#707986;font-size:10px}.trip-route span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-route .icon{width:14px;color:#a3a9b2}.support-summary .entity-avatar{background:#97111112;color:var(--brand)}
.record-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 -25px 22px;padding:0 25px;scrollbar-width:thin}.record-tab{position:relative;border:0;background:transparent;color:#808995;padding:12px 13px;font-size:11px;font-weight:650;white-space:nowrap}.record-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:transparent;border-radius:2px}.record-tab:hover{color:var(--brand)}.record-tab.active{color:var(--brand)}.record-tab.active:after{background:var(--brand)}.record-tab:focus-visible{outline:2px solid #97111135;outline-offset:-2px}
.detail-tab-content{display:block}.detail-tab-panel{animation:detail-panel-in .2s ease}.detail-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.detail-section-title span{font-size:12px;font-weight:700;color:#4a535f}.detail-section-title small{font-size:9px;color:#969da8;border:1px solid var(--line);border-radius:20px;padding:4px 8px}
#record-history.detail-tab-panel,#record-history.active{margin:0;padding:0 0 4px;border:0;background:transparent;animation:detail-panel-in .2s ease}
@keyframes detail-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.record-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-summary{grid-template-columns:1fr}.filter-range{grid-column:span 2}.activity-line{grid-template-columns:1fr auto}.activity-line>span{grid-column:1/-1;grid-row:2}.queue-item{grid-template-columns:50px 1fr auto}.queue-item time{grid-column:2/-1}}
@media(max-width:700px){.filter-mobile-head{display:flex}.filter-panel{display:none}.filter-panel.mobile-open{display:block}.filter-range{grid-column:auto}.filter-range>div{grid-template-columns:1fr}.filter-footer{align-items:stretch;flex-wrap:wrap}.filter-footer>.dropdown{margin-left:0!important}.density-switch{margin-left:0!important}.active-filters{padding-bottom:2px}.bulk-bar{align-items:flex-start;flex-direction:column}.bulk-bar>div{width:100%}.bulk-bar .btn{flex:1}.data-table-wrap{max-height:none;overflow:visible}.data-table{display:block;width:100%;table-layout:auto}.data-table thead{position:static}.data-table thead tr{display:flex}.data-table thead th:not(.select-column){display:none}.data-table tbody{display:block}.data-table tbody tr{display:grid;grid-template-columns:42px 1fr;margin:12px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.data-table tbody td,.data-table tbody td:nth-child(2),.data-table tbody td.id-column{display:grid;position:static;grid-template-columns:minmax(105px,38%) 1fr;align-items:center;width:auto!important;min-width:0!important;max-width:none!important;padding:11px 13px;border-bottom:1px solid #f0f1f3;box-shadow:none}.data-table tbody td:before{content:attr(data-label);font-size:9px;font-weight:700;color:#969da8;text-transform:uppercase}.data-table tbody .select-column{display:block;grid-row:1 / span 20;padding:14px 8px;border-right:1px solid var(--line);border-bottom:0}.data-table .action-column{position:static;width:auto;min-width:0;background:#fff;grid-template-columns:minmax(105px,38%) 1fr}.column-resizer{display:none}.record-summary{grid-template-columns:1fr 1fr}.record-tabs{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.audit-toolbar{align-items:stretch;flex-direction:column}.audit-toolbar>span{padding-bottom:0}.audit-table{min-width:850px}}
@media(max-width:600px){.attention-grid{grid-template-columns:1fr}.role-dashboard{padding:17px}.role-dashboard-head{align-items:flex-start;flex-direction:column}.queue-item{grid-template-columns:45px 1fr}.queue-item .status-badge,.queue-item time{grid-column:2}}
@media(max-width:430px){.record-summary{grid-template-columns:1fr}.record-summary-item{padding:12px}.entity-facts{grid-template-columns:1fr}.trip-people{grid-template-columns:1fr}.trip-direction{transform:rotate(90deg);padding:5px}.trip-route{grid-template-columns:1fr}.trip-route .icon{display:none}}
@media(prefers-reduced-motion:reduce){.detail-tab-panel,.filter-chip{animation:none;transition:none}}