.compact-card{border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:12px}.compact-card .card-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:8px 16px;margin:0}.compact-card .card-body{padding:12px 16px;background-color:#fff}.compact-header{display:flex;align-items:center;gap:8px}.compact-header .icon-wrapper{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compact-header .header-content h6{font-size:.875rem;font-weight:600;margin:0;line-height:1.2}.compact-header .header-content small{font-size:.625rem;color:#6c757d;line-height:1}.compact-info-item{margin-bottom:8px}.compact-info-item:last-child{margin-bottom:0}.compact-info-item .info-label{font-size:.625rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;line-height:1}.compact-info-item .info-value{font-size:.8rem;font-weight:500;color:#212529;line-height:1.3}.compact-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:.625rem;font-weight:600;letter-spacing:.2px;line-height:1;text-transform:uppercase}.compact-tag i{margin-right:3px;font-size:.55rem}.compact-timeline{position:relative}.compact-timeline-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;position:relative}.compact-timeline-item:last-child{margin-bottom:0}.compact-timeline-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.compact-timeline-icon i{font-size:.5rem;color:#fff}.compact-timeline-content .timeline-label{font-size:.625rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.2px;margin-bottom:1px;line-height:1}.compact-timeline-content .timeline-user{font-size:.75rem;font-weight:600;color:#212529;margin-bottom:1px;line-height:1.2}.compact-timeline-content .timeline-date{font-size:.65rem;color:#6c757d;line-height:1.1}.compact-grid{display:grid;gap:8px}.compact-grid.two-col{grid-template-columns:1fr 1fr}.compact-grid.one-col{grid-template-columns:1fr}.compact-actions{display:flex;flex-direction:column;gap:6px}.compact-actions .btn{padding:6px 12px;font-size:.75rem;border-radius:6px;font-weight:500}.compact-actions form{margin:0}.compact-actions form .btn{width:100%}.bg-primary-soft{background-color:#0d6efd1a}.bg-info-soft{background-color:#0dcaf01a}.bg-warning-soft{background-color:#ffc1071a}.bg-secondary-soft{background-color:#6c757d1a}.status-active{background-color:#198754}.status-inactive{background-color:#dc3545}.status-warning{background-color:#fd7e14}.status-info,.hierarchy-level{background-color:#0dcaf0}.system-role{background-color:#ffc107;color:#000}.custom-role{background-color:#6c757d}.approval-yes{background-color:#0dcaf0}.approval-no{background-color:#f8f9fa;color:#212529;border:1px solid #dee2e6}.amount-limit{background-color:#198754}.border-bottom{border-bottom:1px solid #dee2e6!important}.last\:border-0:last-child{border-bottom:0!important}.last\:pb-0:last-child{padding-bottom:0!important}.last\:mb-0:last-child{margin-bottom:0!important}@media(max-width:768px){.compact-grid.two-col{grid-template-columns:1fr}.compact-card .card-body{padding:10px 12px}.compact-card .card-header{padding:6px 12px}}