:root{--bg-main:#f8f9fa;--border-subtle:#eaeaea;--primary-accent:#0d6efd;--panel-bg:#fff;--text-muted:#6b7280}body{background-color:var(--bg-main);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1f2937;overflow:hidden;overflow-x:hidden;overflow-y:auto;min-height:100vh}.top-nav{background-color:#10b981;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.nav-pill{background:#fff;color:#10b981;border:none;padding:6px 16px;border-radius:8px;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}.main-container{display:flex;height:calc(100vh - 56px);position:relative;overflow:hidden}.table-section{flex:1;background:var(--panel-bg);display:flex;flex-direction:column;transition:margin-right .3s cubic-bezier(.4,0,.2,1);min-width:0}.toolbar{padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:#fff;display:flex;flex-direction:column;gap:12px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.form-control-saas,.form-select-saas{border:1px solid var(--border-subtle);border-radius:6px;padding:8px 12px;font-size:.875rem;transition:border-color .2s;background-color:#f9fafb;width:100%}.form-control-saas:focus,.form-select-saas:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.1);background-color:#fff;outline:none}.table-responsive{flex:1;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{margin-bottom:0}.table th{font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:#fdfdfd;position:sticky;top:0;z-index:10;font-size:.875rem;user-select:none;white-space:nowrap}.table td{vertical-align:middle;border-bottom:1px solid var(--border-subtle);font-size:.875rem;white-space:nowrap}.table-hover tbody tr{transition:background-color .1s}.table-hover tbody tr:hover{background-color:#f8fafc;cursor:pointer}.selected-row{background-color:#eff6ff!important;border-left:3px solid #3b82f6}.pagination-footer{padding:12px 20px;border-top:1px solid var(--border-subtle);background:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:.875rem}.details-panel{width:420px;background:var(--panel-bg);display:flex;flex-direction:column;box-shadow:-4px 0 25px rgba(0,0,0,.05);border-left:1px solid var(--border-subtle);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;right:0;top:0;height:100%;z-index:100}.details-panel.open{transform:translateX(0)}.details-header{padding:12px 20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.details-body{padding:24px;overflow-y:auto;flex:1}.custom-badge{padding:5px 12px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.btn-saas{border-radius:6px;font-weight:500;border:1px solid var(--border-subtle);background:#fff;color:#4b5563;font-size:.875rem;white-space:nowrap}.btn-saas:hover{background:#f1f5f9}.form-label-saas{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;font-weight:600;margin-bottom:6px}.modal-content{border:none;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}@media (max-width:768px){.table-section.shrink{margin-right:0}.details-panel{width:100%;border-left:none}.pagination-footer{flex-direction:column;align-items:flex-start}}